:root { /*MATERIAL DESIGN*/ --red50:255,235,238; --red100:255,205,210; --red200:239,154,154; --red300:229,115,115; --red400:239,83,80; --red500:244,67,54; --red600:229,57,53; --red700:211,47,47; --red800:198,40,40; --red900:183,28,28; --redA100:255,138,128; --redA200:255,82,82; --redA400:255,23,68; --redA700:213,0,0; --pink50:252,228,236; --pink100:248,187,208; --pink200:244,143,177; --pink300:240,98,146; --pink400:236,64,122; --pink500:233,30,99; --pink600:216,27,96; --pink700:194,24,91; --pink800:173,20,87; --pink900:136,14,79; --pinkA100:255,128,171; --pinkA200:255,64,129; --pinkA400:245,0,87; --pinkA700:197,17,98; --purple50:243,229,245; --purple100:225,190,231; --purple200:206,147,216; --purple300:186,104,200; --purple400:171,71,188; --purple500:156,39,176; --purple600:142,36,170; --purple700:123,31,162; --purple800:106,27,154; --purple900:74,20,140; --purpleA100:234,128,252; --purpleA200:224,64,251; --purpleA400:213,0,249; --purpleA700:170,0,255; --deep-purple50:237,231,246; --deep-purple100:209,196,233; --deep-purple200:179,157,219; --deep-purple300:149,117,205; --deep-purple400:126,87,194; --deep-purple500:103,58,183; --deep-purple600:94,53,177; --deep-purple700:81,45,168; --deep-purple800:69,39,160; --deep-purple900:49,27,146; --deep-purpleA100:179,136,255; --deep-purpleA200:124,77,255; --deep-purpleA400:101,31,255; --deep-purpleA700:98,0,234; --indigo50:232,234,246; --indigo100:197,202,233; --indigo200:159,168,218; --indigo300:121,134,203; --indigo400:92,107,192; --indigo500:63,81,181; --indigo600:57,73,171; --indigo700:48,63,159; --indigo800:40,53,147; --indigo900:26,35,126; --indigoA100:140,158,255; --indigoA200:83,109,254; --indigoA400:61,90,254; --indigoA700:48,79,254; --blue50:227,242,253; --blue100:187,222,251; --blue200:144,202,249; --blue300:100,181,246; --blue400:66,165,245; --blue500:33,150,243; --blue600:30,136,229; --blue700:25,118,210; --blue800:21,101,192; --blue900:13,71,161; --blueA100:130,177,255; --blueA200:68,138,255; --blueA400:41,121,255; --blueA700:41,98,255; --light-blue50:225,245,254; --light-blue100:179,229,252; --light-blue200:129,212,250; --light-blue300:79,195,247; --light-blue400:41,182,246; --light-blue500:3,169,244; --light-blue600:3,155,229; --light-blue700:2,136,209; --light-blue800:2,119,189; --light-blue900:1,87,155; --light-blueA100:128,216,255; --light-blueA200:64,196,255; --light-blueA400:0,176,255; --light-blueA700:0,145,234; --cyan50:224,247,250; --cyan100:178,235,242; --cyan200:128,222,234; --cyan300:77,208,225; --cyan400:38,198,218; --cyan500:0,188,212; --cyan600:0,172,193; --cyan700:0,151,167; --cyan800:0,131,143; --cyan900:0,96,100; --cyanA100:132,255,255; --cyanA200:24,255,255; --cyanA400:0,229,255; --cyanA700:0,184,212; --teal50:224,242,241; --teal100:178,223,219; --teal200:128,203,196; --teal300:77,182,172; --teal400:38,166,154; --teal500:0,150,136; --teal600:0,137,123; --teal700:0,121,107; --teal800:0,105,92; --teal900:0,77,64; --tealA100:167,255,235; --tealA200:100,255,218; --tealA400:29,233,182; --tealA700:0,191,165; --green50:232,245,233; --green100:200,230,201; --green200:165,214,167; --green300:129,199,132; --green400:102,187,106; --green500:76,175,80; --green600:67,160,71; --green700:56,142,60; --green800:46,125,50; --green900:27,94,32; --greenA100:185,246,202; --greenA200:105,240,174; --greenA400:0,230,118; --greenA700:0,200,83; --light-green50:241,248,233; --light-green100:220,237,200; --light-green200:197,225,165; --light-green300:174,213,129; --light-green400:156,204,101; --light-green500:139,195,74; --light-green600:124,179,66; --light-green700:104,159,56; --light-green800:85,139,47; --light-green900:51,105,30; --light-greenA100:204,255,144; --light-greenA200:178,255,89; --light-greenA400:118,255,3; --light-greenA700:100,221,23; --lime50:249,251,231; --lime100:240,244,195; --lime200:230,238,156; --lime300:220,231,117; --lime400:212,225,87; --lime500:205,220,57; --lime600:192,202,51; --lime700:175,180,43; --lime800:158,157,36; --lime900:130,119,23; --limeA100:244,255,129; --limeA200:238,255,65; --limeA400:198,255,0; --limeA700:174,234,0; --yellow50:255,253,231; --yellow100:255,249,196; --yellow200:255,245,157; --yellow300:255,241,118; --yellow400:255,238,88; --yellow500:255,235,59; --yellow600:253,216,53; --yellow700:251,192,45; --yellow800:249,168,37; --yellow900:245,127,23; --yellowA100:255,255,141; --yellowA200:255,255,0; --yellowA400:255,234,0; --yellowA700:255,214,0; --amber50:255,248,225; --amber100:255,236,179; --amber200:255,224,130; --amber300:255,213,79; --amber400:255,202,40; --amber500:255,193,7; --amber600:255,179,0; --amber700:255,160,0; --amber800:255,143,0; --amber900:255,111,0; --amberA100:255,229,127; --amberA200:255,215,64; --amberA400:255,196,0; --amberA700:255,171,0; --orange50:255,243,224; --orange100:255,224,178; --orange200:255,204,128; --orange300:255,183,77; --orange400:255,167,38; --orange500:255,152,0; --orange600:251,140,0; --orange700:245,124,0; --orange800:239,108,0; --orange900:230,81,0; --orangeA100:255,209,128; --orangeA200:255,171,64; --orangeA400:255,145,0; --orangeA700:255,109,0; --deep-orange50:251,233,231; --deep-orange100:255,204,188; --deep-orange200:255,171,145; --deep-orange300:255,138,101; --deep-orange400:255,112,67; --deep-orange500:255,87,34; --deep-orange600:244,81,30; --deep-orange700:230,74,25; --deep-orange800:216,67,21; --deep-orange900:191,54,12; --deep-orangeA100:255,158,128; --deep-orangeA200:255,110,64; --deep-orangeA400:255,61,0; --deep-orangeA700:221,44,0; --brown50:239,235,233; --brown100:215,204,200; --brown200:188,170,164; --brown300:161,136,127; --brown400:141,110,99; --brown500:121,85,72; --brown600:109,76,65; --brown700:93,64,55; --brown800:78,52,46; --brown900:62,39,35; --gray50:250,250,250; --gray100:245,245,245; --gray200:238,238,238; --gray300:224,224,224; --gray400:189,189,189; --gray500:158,158,158; --gray600:117,117,117; --gray700:97,97,97; --gray800:66,66,66; --gray900:33,33,33; --blue-gray50:236,239,241; --blue-gray100:207,216,220; --blue-gray200:176,190,197; --blue-gray300:144,164,174; --blue-gray400:120,144,156; --blue-gray500:96,125,139; --blue-gray600:84,110,122; --blue-gray700:69,90,100; --blue-gray800:55,71,79; --blue-gray900:38,50,56; /*MICROSOFT*/ --pale-purple50:240,232,240; --pale-purple100:218,198,218; --pale-purple200:194,160,194; --pale-purple300:170,121,170; --pale-purple400:151,93,151; --pale-purple500:133,64,133; --pale-purple600:125,58,125; --pale-purple700:114,50,114; --pale-purple800:104,42,104; --pale-purple900:85,28,85; /*BLUE SYS*/ --blue-sys50:224,236,246; --blue-sys100:179,208,232; --blue-sys200:128,177,216; --blue-sys300:77,146,200; --blue-sys400:38,122,189; --blue-sys500:0,99,177; --blue-sys600:0,91,170; --blue-sys700:0,81,161; --blue-sys800:0,71,152; --blue-sys900:0,53,136; --white-sys:255,255,255; --black-sys:0,0,0; } .xpd > span:last-child, .xpd { /*-moz-transition: opacity 0.4s ease-out; -o-transition: opacity 0.4s ease-out; -webkit-transition: opacity 0.4s ease-out;*/ transition: opacity 0.4s ease-out; } .xpd:hover > span:first-child + span, .xpd:hover { /*-moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out;*/ transition: opacity 0.4s ease-out; filter: alpha(opacity=100); opacity: 1; } .xpd { display: block; position: absolute; filter: alpha(opacity=25); opacity: .25; text-decoration: none; /*color: rgb(0, 0, 0);*/ color: rgba(0, 0, 0, 0.65); } .xpd > span { height: 128px; position: absolute; top: -128px; left: 50%; margin-left: -64px; border: none; width: 128px; } .xpd > span:first-child + span { filter: alpha(opacity=0); background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACBCAYAAAF/ZYL4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAHDhJREFUeNqUky9vAkEQxX97YRVB9AvcGZJ+B0BzTRqqsFQhaQWuCAQJRSGrmn4JHKloDR4kFU1IKuqqe3dAzS2wf+6Ojtmdyby3b19mROQ3yYkWcAuMgaWroeSodYFno9Y+uUsgySLYUxxxegoA759g6zFF0M9t3e3xwhpyM0du5k4PphZou0N+vRaqsE38jZDfb2f/owQMD/Ya8py/mb1ruQf0ALyrhhOw7Qz0/G6i5SLym4/AQ5GK+KIOQkClbCnQnoiDEOLEIpA/CwtszsGRpHpt271aO5UpgieLJAi1PLm5d+GFIujlzq5BlrVMwhznPKBrF1TxpWAULhU4y8Ru2iCAEfBp1D5Om/8AAAD//2IkUKDMZWBgeMfAwFCK0x9YDCCUrRnxpYP/xJYD2Az4T2phghyN+DV/+cbAcmQhA6OmEnL0/oclpEhsepjLExkYvn6HlEJvD8M1/5uyHCMQUWxnvbaBgYGbE2KTnBsD66NdqKlSxpWBgZkJMwyYLPUhWRmqmYGBgYHh01csTmPCkpkYGRmYV3RhZuEPRxl+C1jjj1MUL3z8zMD64RhmqVTSy/Bv6VYGBjZWAgYQKpWwZC4mBgaGEmIU4siZjExY6wR0zcK2OOWYsKVvZBv/X7/HwMDDRVR5IIhN1R+PTLwZiuq5kQGp4OBhYGA4y8DAsA9JDMOrAAAAAP//IlSgIAMnBgaGvSTkWBYGBoa/xCgiuuwgEfxBa9SwkeIASizGBliRzCRYolLbcmyeu4ctBMiymGV5FwOjlT6BnPgHvbmgCCuQWYi2/PtPBtZbmxkYBHgRkWwVS9hyWKZmxRrbh1ig8YPddxsnMjAaaOAOywfPiEwBONO6LQsDA8Mp5LqL9e1h4lPWs70Mv6WcGVif4c6dvwVtGBj4uPGWhYiEyMPF8FveneG3vDvD/ws3iHbEv1lrGH4reDD8m7gEs0WHx3JYQcTFwMDwFa8lRLS9MQqBkGKG/6evEFQHKwmJygHEOuS3gDUDAz8PMUqvIhfFxGXDHz8ZWF8eIKstjK+BjbVOxAo42CEdDvQgt08kxfLP+NrX/AS18/Ew/NYKQPE10VkSYgcfsbUh/mj5/x/S9SLeYuJ6WVjqdkbkviBCFq/lavjaATAAAAAA//+0mT1oFEEUx3/75SUGNXgBz/OiMSFoEISIIPgR8DtBJIhgnWBlZRURbCzVSrGwOrSwEcE0ikhADWopNqIiEokkqIVEhDvvXHJrcbO6l8vOvrncvXbezPvP25k3//9bEz4QtYzqZAyqN38auBPpJchPoQGAeSAr9M0rWZVotsAnfKKzBhs7q+Z8XAmAy03gBv1qjZQpJWs2KSkBF4Grkgy0ihFdAa4lAfjSYjo2AfTEAcgA3bTePsedga8rWrZYgo1dOBNj2KOHaniAnz6wVF8FYXEKAVw357YBVm837vN8sq/jJF7D8/LzXMabfYLVJwwO0J6KvWku4IhKZm8O99n/gFLKJpFm2pNv9WRxp283rkLez+iG025siU1o4Fp7dsK3H5BJ67nhyDnd8FR9k6P0B++7rHPsd+7D+/lK77P5mPbZrilEzoVxcfB/KY7pxgo5w5I2z68C3sJLIwD+luN4T/PQl6sf2zoMlcAAQIMKyV+/HwLqwEtI6vIAFBlzJ29gDW6Xofhdxt92EkplsG1oS1U5Y8MAQutYjfdu0vj6CSn6BxtY0LoUivide82CD4xKXY/aQC7Rbd2aqso1eZhkNmcDRZHr2g4WL91M3v2mI0bZCuvAA4lz5e5DfdUbGgPXkcaukWanxd83rgFdKBLMmlOKaCXcJZoRI7v9HaeM9MhyAN4o9mqcBX/DQRMqe1hHSttNs+B3DUHbKmnwKaq9Y60usCTUvHLrHpVHL2r/cujtPnDGRBs+BoabxIT7gU8myghgpAlCZTEhhkicWtLPErHXao5rcg0lviGYE6p4zQBvVW9gIDK+W7roX+rNN7SqMo7jn/PntnmdOjPFKEeoU/MPBFmBU6ZJQ5fTlm+UIIvCMPNNG1lZBmbsxWaRImREDsEsFZn/0mqIhpdUkBWEhkiv9spJbtzt2r3nnnN68Zw77653554/z7nYF+67+/z5fZ/n+f0/QRMUXtGIKJTXBRw/AHzjBLV9UWxQlTjXtrxcRu53OoTwIBJ2LcCtgnlv+MyXRELAJCclldvUTsqHWidjlVu7o5wE3HAWve3lkZcJLXlkLIuCAC1vgVoebJxz9rlbFgE2Iwug/xdscfb+elAC2om+floOfOsmx2hv2MJr7aZcMC3ImmAY96LdmA66LoIQRQXbKnWTGx0Xz5WA8p66bcNgCsaNRWmqR3vjZZSnZvspAd3zzEtUZ4EfEd0uraMREK3wySGU+bWoK+swdx0gdvtXeTz+edNrZNDiOFifFhIwJFXYdAYmP4z+XRvKglkjT+rR5TCpWu4Lee/z+xq8XLADOApczxHwNhAPtYO7aZR5M9BP74V4pft//02jPD5F7kv67Q8YX+VnyDXy+kb2BlJKVXFiFzvhkYn+xsYrsW/KqwiZrbv8Cj/8HFSg3lvYpMDAINpHG0V3Y+8vxP467l94QNv3MYyrIrthmxQCrP1dQYe2K5mahmNAs9tJx3oOw+SJUq9s9pUPsBM9qM8tQPuhPfg8C9dh990JFQwtLGaa1DVLh09atvAA+sE2tN3vYyV+F+ZrMOX/5A//jH3rn1D7UDI1Db3AY65Xvz+Jtv0t1HdfjcQ6ZtdvxU70QDqD+uZatM+2lB7Un8SYsxoqHgpNwAnEtyQed2uiPDkdvftr+UxkDLJLXsP+u1fY9OQQxCtRnp6LMrNGWJf+JPbVayILrIVPZyiZmoaVjofkH0YWde1ytD0fRustGllRcYjpEK8sVvoORUB4D1ABkinh2SkRhhCDKYzpjaNVvoNgh5qXzgrhhSAaH59YIYpZliVdduunhCh8yRMe4JP8pGgWj20Dni5FvAL9+gk5SvLFzcLXl4vFQEL1EBoHuxSpNMaUpRDSTBkTFkUh/FdAolhCRO4DHlOB8cz6+76D8XTlD53BmNYwomVbEo4AmwqVYOQ5AfWl59G+3Ort1CVq+QK8Uxj3qC56/ZRUJdZ1DnO7e8xl7TkkeluiEV4vFvS5eRJNsp+E1Xkcu/tSkXjDxKiuw+zojMKMfuHIYbr5AaUwlbA9fcNpl7vE+i4MC2rMbYZUKopc1EVgiVdHyJdiDm0xxo5BXVWP9f3ZKFKvrXj4yi0MATk8C1zmwcB5fFaEvOiAUrjCyP74k2UU2AReyFt7WdCJZFaHVxcQMh6RfBwIOe8FRGdL/tw60C1j0/9xd6axVVRRHP/NvJmytBS0qAEUJWCjdQuyBquxEoyIIpqISnBDE5WAtCpuYTEaQNkkQFxRjOIHwQXBNaJCKBLFuEIIiyQNkoKm8Ohm2zdzxw93ni3Pt8xypy38P7Zv7sz5z13OPfd/zkStD2gLE7gIGIbMruiLzDG0kHKxPcBuYAdwuL0eKsrT3TOAJ5CJFD0DtrENmB94u97OQwB3M7XK9ST/Qh5C9AzR3hVIkYWD1AOUdVYC+iJ1AxYyeyUK9KX16HtWZyHAdA0/RPvqBp5zibi/IwlYDLTQsYKJ113HrKg9CejiGv5oJ3GCDKRc55n2IKAMqWg16XyY6y6lkRHwBClK106IYr+xDK9+wApylNTpZHDwWFnCSw9YdJIZn4SlYghMIU0FlpOsJwQmYAC5azedDKgKSsABTg30d4exLwJOFeOTeAw4y+sqMNbt/p1oJDtg2/KQ1BZuJQVd6gPNmNQKJn+XGdXpXng6Aj7rUGNbElJhlt8NrWQg2tVD0UZcgnbRILTevTLmJIsPvsaueCFbVFlDlllcmo2Axe1ucHMLJCy0koHoUyag31QGp/vfQTs/7fISUl+Si4D28+8TFnr5ZGIPTsxZ/sYTATt2ef3pMqA83SQ4O1q3xIbmZmLlk6G5BW1ICbHH71ViPICzt8rrT2dkWgWeVW60BtQ3oBWfi7H9HczDm9Gn3gZCoN89Xu294nV+fn17KgEXKje+th590jjMmkqMr15D699HvqnvfgHDQBtaou5etoA8X+HNN1LnAHWKp/pGYgsr0O+7JXNXFQLt9F7qVsltv/hVi3V3X75I9oDS0E9R10Bs3nTMmq0ZjZc9owE0DcdSl4Qi3vtcZs77w9TkECgKNcZrG4g9Nw3zaCX65BtyX3NaoXRgDh5RR8DnlUEuezJJwD3+DXd1ww/cinmsEv0u7zJD7YLzAA2R7pg8KI7VBrmqX5KAO3xd1tiEfs1wzPg29Kf8B2W1kZdBczPOW+vVjP/f9kJ+YEFFnoHX1HnbhqJemHs2yCoVQWHEQDg4h9Rkwoqlb4dRjI5KJiRn7+51jRgfL8f89f1wxifX3nsnyLIQj4b3vMUnodJuSrNT1/AP+h1jMY9uRRuibt2OLayA2nqp8xchpCHx2tadYDAMzkxAlzzMPzcRWzAD5dA02Qt65JM4f1xw/2fOS9AlVIR+gJ5pvBsfLfNTHMJ/L1jyGPzTBJaNNaE8WPd/99Owj9E7PQGxGNZ1D5I4ewzOr3sjI8E8uAmO1eL8vDtTbejMs//uAyp0w11zlxOyBfTojrl9TRSqTTheJ7WBp/WU9bR2fgi9c7vJ1vBJOEdqwt79UO71I6ZDYxOJ4huxb5upnoCePTDj2+Vk2MUkcfHNWKPulEkT2XpAjv97RE3uHpC6JMbrMDauQLvycuVciFUfuilw+VJy39CENvActGEXQ1EhtCRwqqpxvv/dU7UsD9jgj4A2k6R2aTHGZy9FMjc4m3/Enr0SZ9d+6abkGZJ8ywZdU+KLuJgfjIA2+wGz6ktlUZ1sW2yETNS0KxYh1is7o71eJ8CRsnxNDhTmkxhwHeLLbdESUND9v8xQseZTlS1v0YH3wj6cPWUO9rzXiBpW2f1Q0E1lk406//+KUoANjoF49X3safMjM96pqsbZV6WyyaPJ7bCS9QRNQ2zY8r9vFil7+8Nuz1Y7PwiWJQkAmUqugAQQ679FvLJW7fK4YBV066qa0yXQqhYvBbYqa7qpBWPLajf6ExLNLST6jQ4T9Ei7kOMGhJM9oFIpt13zsEZOUtJU4oLxqo0HqXeiLQEgU8mUurjW8HAk2AtWhYsX5Oj+qQQ8pPouTvXfiG93BLv26HHE0neiMP6DE6atFLn8WuBWpbeL12Me9+8oJYquUr3mt5mqW5G6G5yo/Ha9CrCfXu6v64+dCj0iMX5l6h/SbYenq76reNm7synWfILYuT+qikbTvRCwEvlZEnUoLMCuWJh73NfEscsXyh2fegxO98dMARHlRUPE6o9ze3uDxvmpE+sHG8nwlVU9i6MwWu2yWIB4ZV3mSa/kpqC1gHK6ZciELvwQAFIY/aJS92tu+txh+55Z0NBERMjapXLFBB9B1kNWAyOGc+jEU2Hx9kbEpsjyL3Oqrbwcql2rzFU2DOyHWz/74uz6A3vmEiXVYNKgD1CrggCQScjrlHiH37hvO16HVXq3yvhe6iTuKffQD/UTUaEc794V52C1/AyB+lii5Xp6cc9uYYDM0UHAvrDb5QiO3b6gtSC5ZwQZfG6sms1htsuKMSKI8UEJSKIMmaMj6Di86b6MH4I2EHb63YdMlx2Dh/wcxZ6dhoIsVVXrzyZkiKkYWVs/CjjIbwBq2Ty7jiKgbY8Y6j7kaGTufxgcR0p4C91nfV55cKAd6wcUu/5EKTKN5UxaC7keQ+b27ESW5diqfEeaAf+yd6ZBUlVXHP/d192zMgvLOMoybOKGIGU0KCKiMoMscaEgQYygooAhikY0FYtoKqO4FCEaqSS4oTFalLhkUrIIEUSWiggRESlAEHREQYaRZbbufks+nDsZjAN297zX/RrmX9XFB6qn3z3n3Pvu2f4nmQLwCgFkZN55wLn6012/rvM4xiDoOBDRytiBjM37GPgE+AioTPLZd1IbQDFCgHstMIjjsYCmBnuA94B/6CvSN60GkDjaIbHpCcBF+I3nPr4X97+BF7UrWd1qAM2jCOHCmKLfjycyvkBScM/i0dygVN4C48EgYAVNdDszTwLlo9c4k6a5Scu1LE4KA7gS2KQXvhIYTCsu17JwtGyuONEMoCvwtl7gv4A+rTo/JvoA72hZLUnGieilAdwM1AC7kaRCK+LDUB0bOEIiLX0pNIDHtQU/D+S26rHFaAPM0zJ9zK8GoBCyZge4t1VnnuE+LeM5brnGbhjADCQl8otW/SQNU7XMZ6TSAEoRDtzyVn2kDOVaB6XJNIAc7bsuJdYR5a3wEtlaF8tJYEpgvAYwHCm1ubxV7r6MJxwmztKIeAzgOYTYOtAqaxfgIM2GjR/bbvok3gcbQOjvno31C7H0XeUCa4G+rVrTsDWhoWVJ/26jwjJDkJMNWRmognwoKkS1K4D2BVCYD4X5qPxc6fPPyQKlULk5Ug2emy3kR8EAznsbsMrnSltcYlNmJiJzCy7Wd4SEDaALMuCg+ORRri1MlZGoNv8cVFFb6N4JdXZ31Fk9pPut5DRUQZsWD3hs9nBYsQ4awpDRIjqQvggV6oVI3ULcBtATWA8UnpCKbogIeWVOFqpbR9T556DOPxt1YW9U905eDbeKzQA+2JwIFVpzKEbyCxcAO+MxgC5IqWF6K99xIByVHZ2XK6ET04TMTIIr57rTx+r2I++vxv5ou5u1s4Val/2aOwmaM7MCpKKlXdopuz4s5ITZmRgjLyM4r5zQZ4sIVa/CGDsUDh2B2gaM8SN9qXwAZ91m+Hr/MbmCE0Q7JPVe8EMngAJeAXr4WtkKiJjCOpWfh3HFhRhjh6Euu6DZnePs2oP95nJptzcUxvBL/WvHS9bKxdL9EYM9gZeRkYnOsQxguvb1/Yf6MJgmqldXjOuHoX42FHVaUWxCff9jqPoWMjNQxUXQrZM/tb+3CnvFOrenCB+NEQhP9qzmDOBcvKBRbonCLRPV9yyMiddhjLpSXKdEsGdfk9+dFUJ5yIfXIgek4l3Y843XDEzlOlaw5f8N4EEgK2WrbwgLnXzfXhgTR2GMGuJew7BhyKlnGDgHa3AO1qDyfJapjphChJwR9PqXsoCHgeuONoDBwOjkvcOV+Nl19ajTSzAmjcEYN8w716tzsRhBIAD7q3E2bUN18Vdow35jGc7G7clyP69BSuxXNhrAZO9X6EBtHeTlYowuxZg6VvztZNjbxefBKe3hSA1YNs7LC2HEIB/t/gj23NdkLEpyCuCV1vnKINJgcZUnPxGOQkMY9eM+GNMnYJRenBqnoXMxxjWDsecugPxc7LfXol5bhjG61B+7/6W3cDZu85598fsXwi4qUlJ2E1Jy5IIPg1A85mVj3DAC445xMd/UPceBQ5hDbsPZWyWvgmCA4MI5qN6np9bt21eFNWQyzoGDblPixYKbDGR8beK73LLhUA2qqC2BR6cRqnqP0OdLCcyc5h/lA7QvIPDMg3IXUAhr9fCpOB9tS+3uf+R5oQ5JvvIBLjGIdzCsUhJaPVSDcW4vggtmETq4huD6+RjjhnvFc+TOq+CC3gRfny0JHw3ziluxX6hIjfIXrRIK9NTlHXqpSEnZ9piMwHHAtDBGXEpgxiTo2pF0hfP1fsyht8O+AxJ0qalD9e5J8NVZUNw+Oc9Q9S3mkEnyDBkpG9P7qYG0UMe280NB7DfeITrwJqxbH5QIWxpCnVZEaNNrGJPHQPUhyM3G2f0V0TOvxvzp9ETH0sQFa9pjULk3lcoHyFORkrK9JJLvV0oKImrqIT8XY9QQjDuvR3XvnF7WcOgI5vgZOO9+IPMRlIIjtajOxQQemYbyIG9gzXwG+/F5UJCX6tXvU5GSsh1IosCd4E5tPar36QSmjUONKXMrr+096sOY9/5BYgTZWbIzLQuO1KHO6IoxaTTGmNIWK81+ZZEwjPsjErlTRUrKVrfIEzjenaGmDgraEJg8BuOOcV5xQbp/OVu3Gfuhp3FWbRBDaKRzC+sikg5tUf37YAzoh7qoL6pbRyn5Ot4FuKYO++21wqweDHiR7UsEq1WkpOwFhIjB27hTTT1kZWJMGUPgnvFeMKF7g+pD2AuWYs9fgrNlp5xyGSH5BAJNJWSWBaYNjv39kzGgw9ChoN9OxBdVpKRsMm5zhv8QauqgMJ/AA1MwJvyEtENtPc6OSpyNW3G2fAZf78ep+hYO10j0UynJXBbkoTqdApEo9pI1ckIoX7nJk1WkpKwXQniU/PPZcSSI1L8PgSd/jTq7Byca7NX/wRo9XeL8/tr99UBfA+F2W5oaf0xBYR7O9s8xB08k2vFK7OffPHGUX7EC69q7JMXrv8vwUmBH41M9l9rIjCOlXKEg1gN/Jlo4QIaJWXb6Kv9Pr2BNmCEXX+XL6Oiz0EQSpbRFDPHN4znio6vrhxGcc7/cnNME1u0PYc9f7BUJvBtYrnXtGEeJ+3f4ifRQIa+HRauIdrgUa8ZT/tf84VrMQTdjv77Mz8q3gN9qnX+nLHwN8KTvHlcpKMjDnlchd4TFq30pVWfDFqJ9RuHsrPS7i/sE0urH0a+ARmTo//yRLx9dIWHai84juGCW9OH54X3/x5ewfv9XP+/6RqwHBgDRYxkASFfQRvzcGGLbEI4S+NvDGFddkrrnqA9jjv4VzvubvBjy5jaqaaY7qDnfpFJfEMK+XYphQE4m1tj7YprJ5MmRv/pDor1GSCmX/5UfRjgaY2oNA/gQISw0fbskBxnH9Pe3JK9eV5+8W9S0RzFHTv1faZnPYWpdbmx2Lx3ni2uR/vIGXy8vJxvnkx1E+9+A85W31LvOtl1Ez7wa+9WlfkjlxoIGhGx77TEP0xguDb3wO/V5RgiqD2MOHI+zdZc3u/6+2Zj9f+5G336ysE/r7rgjTGKJT36pL4Yrfb3cYAAiJubQ23E273Bv13+4lWiP4dgvLYSCNqQJ3kVoZn9wSHisAeoI0j10t6+XHTDANDGvuRPn0y9avuunlGMOvkVSvRnBdFH+3QhhVCQmzzqBeQGNp0F334ogGoUObQkunYs6tUP8XubiNVi3PCDp2/QJQe9C2r0q43KoEvihSoQ/4E7fiiIUgr1VWDfeL/n5WI/7AwcxB0/EuvE3kBlMJ+XfoXVSGe8XW5KjfArIxKWpmq4jOwtn/Rasu2LjV7bK52L2HI6z60vJ4DlpofgFWgdzEg6ptPABIshU0SIkl+Av5Odiz1+M/dyxawycFeuIdinF/sur6eLaoWXdQcs+0pI/5FaVQhUyD68INycuu4HcbKyHn8bZtvu7it/zDeaA8Zij72mq1/M/lmkZDwQOuPEH3S5TqUKGQ2Til8xiIACHa7Eb08nhKNaN92P2vk568trktISZM1l4Qsu0TMvYNSRjathI/Y7qmmopqnN64GzaLkahfD+JbjfwS4Se1zMko1DtLaAbEEKG39alSqLOls8gGPSz8uu0jELazV7o9Q8ms1LRRIb/5urj7B4kXHmyY5+WRaaWzaMkMQmXqlLVCDAbOBUp87gMqDiJlF6BzApUWgazW3qb9/MdIBEMBG5D5qQXprmyDwL/BJ4BfFfPli7Do7OQ/sWrkXFqZ+C/ecIOsB2prq7Qyg77XbDpPj7eQLJe/ZA6xn5ICrQE9zud6pEJ4VuR4ooN+t/PSZe4YTP47wCZgGsr3wFQkAAAAABJRU5ErkJggg==); } .xpd:hover > span:first-child + span { opacity: 1; filter: alpha(opacity=100); } /*-------colors RGB-------------*/ .rgb_c_orange { color: rgb(241, 196, 15); } .rgb_c_green { color: rgb(46, 204, 113); } .rgb_c_blue { color: rgb(52, 152, 219); } .rgb_c_red { color: rgb(231, 76, 60); } .rgb_c_150 { color: rgb(150, 150, 150); } .rgb_c_200 { color: rgb(200, 200, 200); } .rgb_c_210 { color: rgb(210, 210, 210); } /*-------background RGB-------------*/ .rgb_b_orange { background: rgb(241, 196, 15); } .rgb_b_green { background: rgb(46, 204, 113); } .rgb_b_blue { background: rgb(52, 152, 219); } .rgb_b_red { background: rgb(231, 76, 60); } .rgb_b_150 { background: rgb(150, 150, 150); } .rgb_b_200 { background: rgb(200, 200, 200); } .rgb_b_210 { background: rgb(210, 210, 210); } .rgb_b_245 { background: rgb(245, 245, 245); } .rgb_b_252 { background: rgb(252, 252, 252); } /*--- OLD ---*/ .color-blue { color: #ffffff; background-color: #428bca; border-color: #357ebd; } .color-blue:hover, .color-blue:focus { color: #ffffff; background-color: #3276b1; border-color: #285e8e; } .color-red { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .color-red:hover, .color-red:focus { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .color-yellow { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .color-yellow:hover, .color-yellow:focus { color: #ffffff; background-color: #ed9c28; border-color: #d58512; } .color-green { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .color-green:hover, .color-green:focus { color: #ffffff; background-color: #47a447; border-color: #398439; } .color-azure { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .color-azure:hover, .color-azure:focus { color: #ffffff; background-color: #39b3d7; border-color: #269abc; } /*--------Theme default ----------*/ .itsErrorRender { color: rgba(240, 16, 16, 1); } /*.itsErrorRender { color: rgba(240, 16, 16, 1); } .itsSelectedControl { opacity: .8; background: rgba(136, 182, 226, 1); }*/ /*-------App_Constructor_Menu-------------*/ .AppConstructorMenu { padding: 0 !important; overflow-x: hidden !important; } .AppConstructorMenu .xpdFormTreeNoAction .itsTreeTitle { border: 0; } .AppConstructorMenu .xpdFormTreeNoAction .itsTreeImg { display: none; } .AppConstructorMenu .xpdFormTreeNoAction .AppLogoName { padding: 0; width: 100%; } .AppConstructorMenu .xpdFormTreeNoAction .AppLogoName > span:nth-child(2) { margin: 0; } .AppConstructorMenu .xpdFormTreeNoAction .AppLogoName > span:nth-child(3) { line-height: 48px; margin-left: 53px; font-size: 15px; color: rgba(252, 31, 70, .75); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .xpdApplication .AppConstructorMenu .xpdFormTreeNoAction .AppLogoName > img+span:nth-child(3) { margin-left: 5px; } .AppConstructorMenu .xpdFormTreeNoAction .AppLogoName > i { display: block; text-align: center; font-style: normal; line-height: 44px; color: #999; font-size: 18px; background: rgb(240, 240, 240); font-weight: bold; } /*-------App_Logo_Upload-------------*/ .AppSetup { padding-left: 250px; position: relative; box-sizing: border-box; } .AppSetup .itsUserAvatar { width: 220px; height: 138px; position: absolute; top: 4px; left: 0; } /*-------App_Logo_Name-------------*/ .AppLogoName { min-height: 48px; background: #fff; border-bottom: 1px solid rgb(237, 237, 237); } .AppLogoName img { height: 48px; position: relative; left: -15px; } /*.AppLogoName > span + f-text,*/ .AppLogoName > c-box + f-text { line-height: 48px; margin-left: 60px; font-size: 15px; font-weight: bold; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: uppercase; } .AppLogoName>.ClippingImg, .itsViewListMenuItem.AppLogoName > span:nth-child(2), .AppLogoName>span:first-child, .AppLogoName>div, .AppLogoName>c-box { position: absolute; display: inline-block !important; width: 48px; overflow: hidden; height: 48px; } .ClippingImg64 { display: inline-block !important; width: 64px; overflow: hidden; height: 64px; } .ClippingImg64 > img { height: 64px; position: relative; left: -20px; } /*-------APP_Personal-------------*/ .BigBlockAvatar { background: #fff; margin: 15px 0 0 15px; border: 2px solid rgb(230, 230, 230); position: relative; float: left; height: 318px; width: 200px; border-bottom: 2px solid rgb(220, 220, 220); } .BigAvatarVip:before { border-bottom: 2em solid rgb(88, 171, 223); border-left: 2em solid transparent; content: ''; position: absolute; bottom: 0; right: 0; } .BigBlockAvatar:hover { border: 2px solid rgb(200, 200, 200); box-shadow: 0 0 12px rgba(0, 0, 0, .12); } .BigBlockAvatar .NameBlock { padding: 0 9px 0 11px; } .BigBlockAvatar .NameBlock > .Name, .BigBlockAvatar .Post, .BigBlockAvatar .Dep, .BigBlockAvatar .phone_work, .BigBlockAvatar .phone_mobile { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .BigBlockAvatar .NameBlock > .Name { color: #000; font-size: 14px; font-weight: bold; font-family: Roboto, arial, sans-serif; line-height: 30px; height: 32px; } .BigBlockAvatar .Post { color: rgb(51, 51, 51); font-size: 12px; height: 14px; } .BigBlockAvatar .Dep { color: rgb(151, 151, 151); font-size: 12px; height: 14px; margin-bottom: 12px; } .BigBlockAvatar .phone_work, .BigBlockAvatar .phone_mobile { color: rgb(88, 171, 223); font-size: 12px; vertical-align: top; } .BigBlockAvatar .phone_work:before, .BigBlockAvatar .phone_mobile:before { color: rgb(190, 190, 190); margin-right: 4px; font-size: 12px; } .BigBlockAvatar:hover .Follow { background: rgb(225, 225, 225); } .BigBlockAvatar .Follow:hover { background: rgb(88, 171, 223); color: #fff; cursor: pointer; text-decoration: none; } /*App page*/ .xpdAppPageBody { width: 100%; height: 100%; overflow-y: auto; background: rgb(225, 226, 226); background-size: cover; padding: 15px; box-sizing: border-box; text-align: center; } .xpdAppPageBody+div+.xpdBorderContainerRegionRB .itsViewSearch { width: calc(100% - 30px) !important; } .xpdAppPageBody+div+.xpdBorderContainerRegionRB>.itsContainerHorizontal+f-data{ margin-top: 10px; } .xpdAppPageBody > div { display: inline-block; padding: 12px; } .xpdAppPageBody > div:hover > .xpdApp { cursor: pointer; /*border: 1px solid rgb(200, 200, 200);*/ box-shadow: 1px 1px 12px rgba(0, 0, 0, .12); } .xpdAppPageBody > div:hover > .xpdApp > .xpdAppImg > img { opacity: .95; } .xpdApp { /*border: 1px solid rgb(225, 226, 226);*/ background: #fff; position: relative; height: 162px; box-shadow: 0 0 1px rgba(0, 0, 0, .15), 0 0 0 rgba(0, 0, 0, .05); width: 200px; box-sizing: border-box; border-radius: 4px; overflow: hidden; } .xpdApp .settings { position: absolute; z-index: 9; right: 0; top: 0; color: rgba(255, 255, 255, .2); font-size: 17px; width: 34px; height: 30px; line-height: 30px; text-align: center; display: inline-block; } .xpdApp:hover .settings { color: rgba(255, 255, 255, .5); } .xpdApp .settings:hover { color: rgb(255, 255, 255); cursor: pointer; } .xpdAppImg { display: inline-block; height: 124px; position: relative; width: 200px; } .xpdAppBody { position: absolute; width: 100%; height: 100%; padding-top: 124px; box-sizing: border-box; top: 0; left: 0; } /*.xpdAppName { display: block; margin: 10px; font-size: 12px; text-overflow: ellipsis; height: 15px; overflow: hidden; line-height: 15px; text-align: left; white-space: nowrap; }*/ .xpdAppName { display: block; font-size: 12px; text-overflow: ellipsis; line-height: 13px; text-align: left; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow-y: hidden; vertical-align: middle; padding: 0 5px 0 10px; position: relative; top: 50%; transform: translateY(-50%); } /*------xpdApplication------*/ .xpdApplication { width: 100%; height: 100%; } /*-------xpd_form_mail-------------*/ .AppMailForm { margin: 0; } .AppMailForm > .itsContainerVertical { padding: 0 !important; } .AppMailForm, .AppMailForm > .itsContainerVertical, .AppMailForm > .itsContainerVertical > .itsContainerVertical, .AppMailForm > .itsContainerVertical > .itsContainerVertical > .itsContainerVertical, .AppMailForm > .itsContainerVertical > .itsContainerVertical > *[formelementclass="FormDocRenderer"], .AppMailForm > .itsContainerVertical > .itsContainerVertical > *[formelementclass="FormDocRenderer"] > .itsContainerVertical { height: 100%; } .XpdScriptSetupEvaluateMode { width: min-content; padding: 2px 0 0 0; } .XpdScriptSetupJsWrap { padding: 0 5px 0 15px; width: auto; /*top: 0 !important;*/ } /*---DiagrammaDatasourceView----*/ .DiagrammaDatasourceView .itsCombobox { width: 100%; } .DiagrammaDatasourceView > .itsScrollPanelTop > .itsField .itsFieldTitleTop { width: 200px; } .DiagrammaDatasourceView > .itsScrollPanelBody > div > .itsScrollPanelTop { padding: 0 0 13px 0; background-color: rgb(230, 230, 230); margin: 10px; position: relative; left: -10px; } .DiagrammaDatasourceView > .itsScrollPanelBody > div > .itsScrollPanelBody { padding-left: 4px; box-sizing: border-box; } .DiagrammaDatasourceView > .itsScrollPanelBody > div > .itsScrollPanelBody .itsField { margin-right: 11px; } .DiagrammaDatasourceView > .itsScrollPanelBody > div > .itsScrollPanelBody > div > div > span > .itsButton { margin-top: -1px; } .DiagrammaDatasourceView > .itsScrollPanelBody > div > .itsScrollPanelTop > span > .itsButton { margin-top: 14px; } /*---------------WhoUsingDocumentContent-----------------*/ .WhoUsingDocumentContentInIde { display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; line-height: 30px; height: 30px; margin: 2px; padding: 0 10px; color: #fff; background: rgb(24, 179, 148); } .WhoUsingDocumentContent .WhoUsingDocumentItem img, .WhoUsingDocumentContent img.WhoUsingDocumentItem { width: 26px; height: 26px; float: left; } .WhoUsingDocumentContent .WhoUsingDocumentItem { border-bottom: 4px solid rgb(26, 188, 156); } .WhoUsingDocumentContent .WhoUsingDocumentItemWrite { border-bottom: 4px solid rgb(200, 100, 200); } .WhoUsingDocumentShowAllContent .Away img, .WhoUsingDocumentContent .WhoUsingDocumentItemAway img { opacity: .6; } .WhoUsingDocumentContent .WhoUsingDocumentShowAll { margin: 2px 0; background: rgb(26, 188, 156); width: 26px; height: 30px; text-align: center; font-size: 12px; } .WhoUsingDocumentContent .WhoUsingDocumentShowAll .itsButton { border: 0 !important; border-radius: 0 !important; margin: 0 !important; background: transparent !important; } .WhoUsingDocumentContent .WhoUsingDocumentShowAll .itsButton > span { padding: 0 !important; width: 26px; height: 30px !important; line-height: 32px !important; color: #fff; } .WhoUsingDocumentShowAllContent { width: 823px; height: 401px; background: #999; overflow-x: hidden; overflow-y: scroll; } .WhoUsingDocumentShowAllContent div { width: 200px; height: 200px; display: inline-block; position: relative; border-right: 1px solid #fff; border-bottom: 1px solid #fff; float: left; } .WhoUsingDocumentShowAllContent div img { width: 100%; height: 100%; } .WhoUsingDocumentShowAllContent div b { position: absolute; z-index: 1; left: 0; bottom: 0; height: 32px; line-height: 32px; width: 100%; display: block; text-align: center; color: #fff; font-weight: normal; background: rgb(24, 179, 148); } .WhoUsingDocumentShowAllContent .Write b { background: rgb(155, 89, 182) !important; } /*---------------DocumentLockNoticeContent-----------------*/ .DocumentLockNoticeContent { background: rgb(155, 89, 182); color: #fff; padding: 12px 15px; line-height: 20px; margin-bottom: 20px; } /*.DocumentLockNoticeContent .DocumentLockNoticeAvatar > img*/ .DocumentLockNoticeContent .DocumentLockNoticeAvatar { width: 48px; border-radius: 50px; float: left; margin: 0 15px 0 0; } .DocumentLockNoticeContent .DocumentLockNoticeUserName { font-weight: bold; padding: 0 5px 0 0; } /* xpd_changed_by_other */ form.xpd_changed_by_other { pointer-events: none; } form.xpd_changed_by_other .DocumentSaveByOtherUserContent { pointer-events: auto; } i-favorite { position: absolute; top: 0; left: 0; z-index: 1; width: 30px; height: 30px; font-family: 'WebHostingHub-Glyphs'; font-style: normal; color: rgb(var(--blue-sys500)); font-size: 16px; } i-favorite:before { content: ''; left: 0; position: absolute; pointer-events: none; } .xpdApp i-favorite:before { border: 0 solid transparent; transition: border 0.2s ease-in; } .xpdApp:hover i-favorite:before, .xpdApp i-favorite[enabled]:before { border: 24px solid transparent; border-left: 24px solid #FFF; border-top: 24px solid #FFF; } .xpdApp i-favorite:after { position: absolute; opacity: .5; } .xpdApp i-favorite:hover:after { opacity: .85; } .xpdApp:hover i-favorite:after, .xpdApp i-favorite[enabled]:after { position: absolute; content: '\f13b'; left: 6px; top: 4px; } .xpdApp i-favorite[enabled]:after { content: '\f13a'; } .itsRootTopRight>div>span { padding: 0 10px; } .itsRootTopRight, .itsRootTopRight>div { white-space: nowrap; } .itsRootTopRight>div>a { color: rgba(255,255,255,.75); font-size:12px; } .itsRootTopRight>div>a:hover { cursor: pointer; text-decoration:underline; } .itsFeedNoClick, .itsFeedHover { height: auto !important; } .itsFeedHover:hover { cursor: pointer; } .itsFeedHover > td > div > div:before { font-size: 14px; } .itsFeedClicable > div > span { cursor: pointer; color: rgb(51, 102, 204); } .itsFeedClicable > div > span:hover { text-decoration: underline; } .itsTranslatePhraseEditContainer .itsTranslateLangsContainer { display: block; float: left; width: 100%; background: rgb(105, 112, 118); color: #fff; font-size: 12px; position: relative; z-index: 1; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate, .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate { padding: 5px 10px; line-height: 20px; cursor: pointer; font-size: 96%; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate:hover, .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate:hover { background: rgba(0, 0, 0, .2); } .itsTranslatePhraseEditContainer .itsTranslateLangActive, .itsTranslatePhraseEditContainer .itsTranslateLangActive:hover { background: rgb(243, 156, 18) !important; cursor: default; } .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate { float: left; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate { float: right; } .itsFeedViewNavigateArea > span { font-size: 24px; } .itsFeedViewNavigateArea { padding-left: 10px; display: inline-block; } .itsFeedViewCategoryItem { display: block; font-size: 24px; } .itsFeedViewNavigateCover { padding-right: 10px; padding-left: 10px; } .itsFeedViewNavigateTitle { font-weight: bold; } .itsFeedResreshBtn { width: 30px; text-align: center; line-height: 30px; opacity: .5; } .itsFeedResreshBtn:hover { opacity: .85; cursor: pointer; } .itsTranslatePhraseEditContainer { background: rgb(230, 230, 230); } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate { color: rgb(221, 221, 221); background: rgb(125, 132, 138); } .itsFeedNoClick, .itsFeedHover > td, .itsViewFirstColumn { position: relative; } /*.itsFeedDefaultBackground.itsContainerLazyChildsParent.itsContainerLazyScrollArea .itsFeedHover:hover td { background: rgba(0, 0, 0, 0); }*/ .itsFeedHover:hover td { background: rgba(0, 0, 0, .08); } .itsFeedViewNavigateCover, .itsFeedViewNavigateItem { color: rgb(153, 153, 153); } .itsFeedApp { background: rgb(251, 251, 251); position: relative; overflow: hidden; outline: 1px solid rgb(240, 240, 240); } .itsFeedApp .itsFeedAppImage, .itsFeedApp .itsFeedAppImage > div, .itsFeedApp .itsFeedAppImage > div:first-child, .itsFeedApp img { height: 100px; width: 160px; } .itsFeedApp .itsFeedAppImage { position: absolute; background: rgb(250, 250, 250); } .itsFeedApp .itsFeedAppImage > div { position: relative; } .itsFeedApp .itsFeedAppDocumentCounterOn, .itsFeedApp .itsFeedAppDocumentCounterOff { position: absolute; right: 0; bottom: 0; padding: 0 5px; line-height: 26px; color: rgb(255, 255, 255); } .itsFeedApp .itsFeedAppDocumentCounterOn { background: rgb(0, 150, 50); } .itsFeedApp .itsFeedAppDocumentCounterOff { background: rgb(155, 155, 155); } .itsFeedApp .itsFeedAppBody { width: 100%; min-height: 73px; box-sizing: border-box; padding: 10px 15px 5px 174px; position: relative; } .itsFeedApp .itsFeedAppMenu, .itsFeedApp .itsFeedAppSpace { float: right; margin: 0 0 0 7px; } .itsFeedApp .itsFeedAppMenu { width: 16px; height: 16px; } .itsFeedApp .itsFeedAppBody > span { display: block; } .itsFeedAppBody .itsFeedAppDatabasePath { color: rgb(150, 150, 150); line-height: 12px; display: inline-block !important; font-size: 12px; } .itsFeedAppBody .itsFeedAppServerName { color: blueviolet; line-height: 12px; display: inline-block !important; font-size: 12px; margin-left: 10px; } .itsFeedAppBody .itsFeedAppServerName:before { content: "("; } .itsFeedAppBody .itsFeedAppServerName:after { content: ")"; } .itsFeedApp .itsFeedAppComment { color: rgb(77, 77, 77); position: absolute; bottom: 0; font-size: 12px; } .itsFeedApp .itsFeedAppError { background: rgb(190, 37, 37); padding: 10px; color: #fff; } .itsFeedApp .itsFeedAppBody > div { display: block; width: 100%; box-model: border-box; } .itsFeedApp .itsFeedAppBody > .itsFeedAppName { font-size: 16px; color: #000; line-height: 15px; } .itsFeedAppActions { line-height: 26px; margin-left: 160px; padding-left: 15px; background: rgb(244, 244, 244); } .itsFeedAppActions > span { padding: 0 20px 0 0; color: rgb(66, 139, 209); font-size: 13px; } .itsFeedAppActions > span:hover { text-decoration: underline; } .itsFeedAppActions > span.open_app { float: right; color: #999; background: rgba(0,0,0,.04); padding: 0 15px; } .itsFeedAppActions > span.open_app:hover { text-decoration: none; color: #777; background: rgba(0,0,0,.08); cursor:pointer; } .itsFeedAppBody > .icon-menu { font-size: 16px; color: rgba(155, 89, 74, .6); } .itsFeedAppBody > .icon-code { font-size: 16px; color: rgba(236, 32, 66,.6); } .itsFeedAppBody > .icon-database { font-size: 16px; color: rgba(122, 155, 74, .6); } .itsFeedAppBody > .itsFeedAppSpace { color: rgb(100, 150, 150); } .itsFeedHover:hover > .itsContainerVertical { background: rgba(24, 102, 231, .05); } .itsFeedHover > .itsContainerVertical .itsContainerVertical { background: rgba(255, 255, 255, 1); } .itsFeedInterlacedBackground > div .itsTranslatePhraseModify { cursor: pointer; opacity: .5; margin-left: 10px; } .itsFeedInterlacedBackground > div .itsTranslatePhraseModify:hover { opacity: 1; } .itsFeedInterlacedBackground > div .itsTranslateCountUntranslated, .itsFeedInterlacedBackground > div .itsTranslateCountUntranslated:hover { text-decoration: none; cursor: text; color: rgb(160, 160, 160); } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer { display: block; float: left; width: 100%; background: rgb(105, 112, 118); color: #fff; font-size: 12px; position: relative; z-index: 1; } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangTranslate, .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangNoTranslate { padding: 5px 10px; line-height: 20px; cursor: pointer; font-size: 96%; } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangTranslate:hover, .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangNoTranslate:hover { background: rgba(0, 0, 0, .2); } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangActive, .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangActive:hover { background: rgb(243, 156, 18) !important; cursor: default; } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangNoTranslate { float: left; } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangTranslate { float: right; } .itsFeedInterlacedBackground > div .itsTranslateLangFieldsContainer { display: inline-block; margin: 0 0 0 20px; } .itsFeedInterlacedBackground > div .itsField { display: inline-block; } .itsFeedInterlacedBackground > .itsActiveControl { border-left: 4px solid black; padding-left: 4px; } .itsFeedInterlacedBackground > div:nth-child(odd), .itsFeedInterlacedBackground > span:nth-child(odd) { background: rgb(248, 248, 248); } .itsFeedInterlacedBackground > div .itsTranslatePhraseEditContainer { background: rgb(230, 230, 230); } .itsFeedInterlacedBackground > div { __border-bottom: 1px solid rgb(232, 232, 232); /* 231008 */ min-height: 24px; line-height: 24px; } .itsFeedInterlacedBackground > div .itsTranslateLangsContainer .itsTranslateLangTranslate { color: rgb(221, 221, 221); background: rgb(125, 132, 138); } .itsFeedInterlacedBackground > div .itsTranslatePhraseModify { color: rgb(153, 153, 153); } .itsFeedInterlacedBackground > .itsFeedAppContainer { border: 10px solid transparent; background: #fff; display: block; vertical-align: top; max-width: 900px; } .itsFeedInterlacedBackground > .itsFeedAppContainer .itsFeedApp:hover { cursor: pointer; background: rgb(248, 248, 248); } .itsFeedInterlacedBackground td > div > span > q { background: rgb(254, 250, 178); } .itsFeedInterlacedBackground td > div > span > q:after, .itsFeedInterlacedBackground td > div > span > q:before { content: ""; } .itsIconPickerContainer { padding: 10px 0 0 0; margin: 0; box-sizing: border-box; } .itsIconPickerContainer > li { display: inline-block; width: 168px; float: left; padding: 10px; box-sizing: border-box; } .itsIconPickerContainer > li:hover { background: rgba(0, 0, 0, .04); cursor: pointer; } .itsIconPickerContainer > li > div { font-size: 30px; text-align: center; background-color: #fff; padding: 10px 0; } .itsIconPickerContainer > li > span { text-align: center; height: 40px; background-color: #fff; padding: 0 5px; word-break: break-all; color: rgb(120, 120, 120); } .itsIconPickerContainer > li > span > q { background: rgb(254, 250, 178); } .itsIconPickerContainer > li > span > q:before, .itsIconPickerContainer > li > span > q:after { content: ""; } .itsPickAbstractMain { max-height: 500px; padding: 10px; } .itsPickAbstractItem { padding: 2px; } .itsPickAbstractItem:hover { cursor: pointer; background: rgb(238, 238, 238); } .itsPickAbstractItem>* { vertical-align: top; } .itsPickAbstractCheckbox { position: relative; display: inline-block; padding-top: 2px; padding-right: 3px; } .itsPickAbstractCheckbox:before { content: ""; display: block; width: 11px; height: 11px; border: 1px solid rgba(0, 0, 0,.25); background: #fff; } .itsPickAbstractCheckbox:hover:before { border: 1px solid rgba(0, 0, 0,.25); } .itsPickAbstractCheckboxSelected:before { content: ""; height: 11px; width: 11px; display: block; } .itsPickAbstractCheckboxSelected:before { border: 1px solid rgb(66, 139, 202); } .itsPickAbstractCheckboxSelected.icon-ok{ color: rgba(120, 120, 120,1); line-height: 6px; } .itsPickDataBaseMain { width: 750px; height: 510px; } .itsPickDataBaseMainContainer { height: 430px; width: 100%; /*_border: 0;*/ border: 1px solid #CCC; box-sizing: border-box; } .itsPickDataBaseFilesItemText { padding-left: 5px; } .itsPickDataBaseFilesItem { cursor: pointer; padding: 5px 5px 5px 10px; } .itsPickDataBaseFilesItem:not(.itsActiveControl):hover { background: rgba(255, 255, 225, 1); } .itsPickDataBaseFilesItemIcon { top: 3px; border-top: 1px solid #2C2C2C; position: relative; width: 7px; height: 15px; border-right: 1px solid #2C2C2C; border-bottom: 1px solid #2C2C2C; } .itsPickDataBaseFilesItemIcon::before { bottom: -1px; left: -4px; position: absolute; width: 3px; height: 12px; border-left: 1px solid #2C2C2C; border-bottom: 1px solid #2C2C2C; content: ""; } .itsPickDataBaseFilesItemIcon::after { top: -1px; left: -4px; position: absolute; border-right: 4px solid #2C2C2C; border-top: 4px solid transparent; content: ""; } .itsPickServerMain { padding: 5px; height: 400px; width: 300px; } .itsPickServerItem { cursor: pointer; padding: 5px; } .itsPickServerItem:not(.itsActiveControl):hover { background: rgba(255, 255, 225, 1); } .itsPropertyMapFormulaDialog { width: 620px; } .itsPropertyMapFormulaButtons { padding-bottom: 5px; } .itsPropertyMapFormulaItems { width: 100%; height: 350px; } .itsPropertyMapFormulasItem { cursor: pointer; position: relative; } .itsPropertyMapFormulasItem:hover { background: rgba(255, 255, 225, 1); } .itsPropertyMapFormulasItem:hover .itsPropertyMapFormulasItemRemove { visibility: visible; } .itsPropertyMapFormulasItemKey { width: 200px; text-overflow: ellipsis; overflow: hidden; } .itsPropertyMapFormulasItemValue { width: 400px; text-overflow: ellipsis; overflow: hidden; } .itsPropertyMapFormulasItemRemove { width: 19px; height: 100%; text-align: center; line-height: 16px; vertical-align: middle; font-size: 13px; position: absolute; right: 1px; visibility: hidden; } .itsPropertyMapFormulasItemRemove:after { content: "x"; opacity: .8; } .itsPropertyMapFormulasItemRemove:hover { cursor: pointer; color: red; opacity: 1; } .itsPropertyMapFormulasEditKey { width: 800px; padding-bottom: 5px; } .itsPropertyMapFormulasEditValue { width: 800px; height: 400px; } .itsPropertyMapFormulasEditValue>div>textarea { resize: none; } .itsPropertyEvaluatedMapItem { cursor: pointer; position: relative; } .itsPropertyEvaluatedMapItem:hover { background: rgba(255, 255, 225, 1); } .itsPropertyEvaluatedMapItem:hover .itsPropertyEvaluatedMapItemRemove { visibility: visible; } .itsPropertyEvaluatedMapItemKey { width: 200px; text-overflow: ellipsis; overflow: hidden; } .itsPropertyEvaluatedMapItemValue { width: 500px; text-overflow: ellipsis; overflow: hidden; } .itsPropertyEvaluatedMapItemRemove { width: 19px; height: 100%; text-align: center; line-height: 16px; vertical-align: middle; font-size: 13px; position: absolute; right: 1px; visibility: hidden; } .itsPropertyEvaluatedMapItemRemove:after { content: "x"; opacity: .8; } .itsPropertyEvaluatedMapItemRemove:hover { cursor: pointer; color: red; opacity: 1; } .itsPropertyEvaluatedMapItems { width: 730px; height: 370px; } .itsPropertyEvaluatedMapButtons { padding-bottom: 5px; } .itsRegStatus.reged, .itsRegStatus.wait, .itsRegStatus.unreged { padding: 0 5px 1px 5px; line-height: 17px; color: #fff; text-align: center; white-space: nowrap; border-radius: 6px; position: relative; top: -2px; left: 5px; text-transform: lowercase; } .itsRegStatus.reged { background-color: rgba(92, 184, 92, .75); } .itsRegStatus.wait { background-color: rgba(240, 173, 78, .75); } .itsRegStatus.unreged { background-color: rgba(153, 153, 153, .75); } .itsResolutionProjectDialog { width: 900px; padding-bottom: 5px; } .itsResolutionProjectBorderContainer { height: 100%; width: 100%; } .itsResolutionProjectMainContainer { overflow: hidden; box-sizing: border-box; padding-right: 6px; } .itsResolutionProjectResolutionsContainerTitle { height: 34px; background-color: rgb(244, 248, 250); border-top: solid 1px rgb(188, 232, 241); border-bottom: solid 1px rgb(188, 232, 241); } .itsResolutionProjectResolutionsTitle { font-size: 16px; display: inline-block; margin-top: 8px; margin-left: 8px; } .itsResolutionProjectResolutionsContainer { overflow: auto; height: 164px; box-sizing: border-box; } .itsResolutionProjectResolutionContainer { white-space: initial; line-height: 20px; overflow: hidden; padding-left: 7px; border-bottom: 1px solid #CCC; box-sizing: border-box; } .itsResolutionProjectResolutionContainerDeleteButton { float: right; display: inline-block; } .itsResolutionProjectResolutionDialog { width: 500px; margin-right: 6px; } .itsResolutionPunktPeriodField { height: 17px !important; overflow: hidden; position: relative; } .itsResolutionProjectDialogLight { width: 700px; padding-bottom: 5px; } .itsResolutionPunktPeriodFieldLight { width: 375px; overflow: hidden; text-overflow: ellipsis; } /*-------------------- iframe */ .itsRootBody > .itsScrollPanelBody > iframe, .tabContent > div > iframe { height: 100%; width: 100%; border: 0; margin: 0; padding: 0; display: block; } /*-------------------- A */ A { color: #428bca; cursor: pointer; text-decoration: none; } A:HOVER { text-decoration: underline; } .itsRootTopPanel { height: 38px; line-height: 36px; background: rgb(var(--blue-sys500)); color: rgba(255, 255, 255, .75); } .itsRootTopRight .userInfoOnHomePage { margin: 0 35px 0 0; position: relative; } .itsRootTopRight .userInfoOnHomePage > a { margin: 0 10px 0 0; color: rgba(255, 255, 255, .75); font-size: 12px; } .itsRootTopRight .userInfoOnHomePage > img { height: 32px; width: 32px; position: absolute; border-radius: 50%; top: 3px; background: rgba(0, 0, 0, .3); } /*---------------XpdJournal-----------------*/ .XpdJournalCommonCount { float: right; padding: 0 15px 0 0; } .XpdJournalCommonFilterDate { float: left; padding: 2px 0 0 252px; } .XpdJournalCommonStackTraceCell { color: rgb(130, 0, 130); } .XpdJournalCommonStackTraceCell:hover { cursor: pointer; } .XpdJournalCommonEntryView { display: block; padding: 20px; box-sizing: border-box; } .XpdJournalCommonEntryView > .User, .XpdJournalCommonEntryView > .Message { margin: 0 0 15px 0; } .XpdJournalCommonEntryView > .Category { font-size: 18px; } /*---------------xpdFormulaHelper-----------------*/ .xpdFormulaHelper { padding: 15px; box-sizing: border-box; } .xpdFormulaHelper q { background: rgba(255, 240, 0, .3); } .xpdFormulaHelper q::after, .xpdFormulaHelper q::before { display: none; } .xpdFormulaHelper > div > div > span { word-wrap: break-word; } /*---------------ExportDocumentsProgress-----------------*/ .ExportDocumentsProgress { text-align: center; padding: 15px 0; } .ExportDocumentsProgress .Percent { font-size: 32px; margin: 0 0 10px 0; color: rgb(108, 193, 116); } /*---------------ImportDocumentsTemplateSetup-----------*/ .ImportDocumentsTemplateSetup { width: 800px; float: left; } .ImportDocumentsTemplateSetupBottom { float: left; width: 100%; } /*---------------ImportDocumentsColumnSetup-----------------*/ .ImportDocumentsColumnSetup { width: 800px; float: left; } .ImportDocumentsColumnSetupHelp { width: 350px; margin: 60px 0 0 20px; float: left; background: rgb(245, 245, 245); } .ImportDocumentsColumnSetupHelp > div:nth-child(1) { background: rgb(235, 235, 235); padding: 10px 15px; margin: 0 0 10px 0; } .ImportDocumentsColumnSetupHelp > div { padding: 0 15px 15px 15px; } /*---------------ImportColumnsMatchSetup-----------------*/ .ImportColumnsMatchSetup .Header { background: rgb(240, 240, 240); line-height: 28px; } .ImportColumnsMatchSetup .Header span { width: 280px; text-align: center; } .ImportColumnsMatchSetup .ColumnNumber { width: 230px; text-align: right; padding-right: 20px; line-height: 26px; } .ImportColumnsMatchSetup .ColumnSetupId { width: 850px !important; } .ImportColumnsMatchSetup .ColumnSetupId .itsCombobox { width: 800px; } .ImportColumnsMatchSetup .ImportOneColumnMatchSetup .itsButton { margin: 0 !important; border: 0 !important; color: red !important; } /*---------------DocumentSaveByOtherUserContent-----------------*/ .DocumentSaveByOtherUserContent { background: rgb(155, 89, 182); color: #fff; padding: 10px 12px; line-height: 22px; } .DocumentSaveByOtherUserContent .itsButton { margin-right: 15px; background: transparent; color: #fff; border: 1px solid #fff; } /*---------------ExportDocumentsActionTemplateContainer-----------------*/ .ExportDocumentsActionFieldsGroups .itsCheckbox { margin: 0 0 5px 0; } /*---------------TemplatesOfSearchDropContent-----------------*/ .TemplatesOfSearchDropContent { min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15) !important; border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .TemplatesOfSearchDropContent > span { display: block; padding: 4px 20px; color: rgb(51, 51, 51); white-space: nowrap; line-height: 20px; } .TemplatesOfSearchDropContent > span:hover { color: rgb(21, 21, 21); background-color: rgba(0, 0, 0, .04); cursor: pointer; } /*---------------ExportDocumentsFieldsGroupSetup-----------------*/ .ExportDocumentsFieldsGroupSetup { padding: 10px 0 0 20px; width: 1000px; } .ExportDocumentsFieldsGroupSetup .Selected .itsDndCont.itsContainerVertical { padding: 0 !important; } .ExportDocumentsFieldsGroupSetup .Selected .itsDndCont { border: 0 !important; } .ExportDocumentsFieldsGroupSetup .Availables .itsClicable, .ExportDocumentsFieldsGroupSetup .Selected .itsClicable { padding: 7px 10px; color: #fff; border-bottom: 1px solid #fff; } .ExportDocumentsFieldsGroupSetup .Availables .itsClicable { background-color: rgb(100, 100, 100); } .ExportDocumentsFieldsGroupSetup .Selected .itsClicable { background-color: rgb(0, 99, 177); } .ExportDocumentsFieldsGroupSetup .AvailableExportFieldsCount, .ExportDocumentsFieldsGroupSetup .SelectedExportFieldsCount { float: right !important; font-weight: bold; } /*---------------PublicationDocument-----------------*/ .PublicationDocument { width: 770px; } .PublicationDocument .StatusContainer { padding: 15px 20px; background-color: rgb(235, 235, 235); } .PublicationDocument .MenuContainer { background-color: rgb(245, 245, 245); padding: 15px 20px; } .PublicationDocument .StatusContainer .Status { width: 360px; } .PublicationDocument .StatusContainer .Status .itsCombobox { width: 340px; } .PublicationDocument .StatusContainer .WhenStart, .PublicationDocument .StatusContainer .WhenStop { width: 185px; } .PublicationDocument .MenuContainer .IncludeInMenu .itsCheckbox { margin: 0; } .PublicationDocument .MenuContainer .MenuTitle { width: 525px; } .PublicationDocument .MenuContainer .MenuIcon { width: 166px; margin: 0 0 0 20px; } .PublicationDocument .MenuContainer .Categories { width: 711px; } /*---------------infoAllPropertyFormElement-----------------*/ .infoAllPropertyFormElement h5 { font-size: 17px; margin: 0 0 10px 0; background-color: rgb(100, 100, 100); color: #fff; padding: 8px 15px; } .infoAllPropertyFormElement b { display: block; padding: 0 15px; } .infoAllPropertyFormElement i { display: inline-block; padding: 0 10px 15px 15px; color: #555; } /*---------------DropMenuSimple-----------------*/ .xpdDropMenuSimple { color: rgb(160, 160, 160); } .xpdDropMenuSimple:before { font-size: 12px; } .xpdDropMenuSimple:hover { color: rgb(100, 100, 100); } /*---------------ControlsVerticalSurfaceMenu-----------------*/ .ControlsVerticalSurfaceMenu { padding: 5px 0; } .ControlsVerticalSurfaceMenu > span { display: block; line-height: 26px; border: 1px solid transparent; padding: 0 5px 0 15px; } .ControlsVerticalSurfaceMenu > span:hover { cursor: pointer; background: rgba(0, 0, 0, .04); } /*--------------MWReportAccess----------------*/ .EffectiveAppAccessCaptionDomino, .EffectiveAppAccessCaptionXpd, .EffectiveDoctypeAccessDocType { display: block; font-size: 17px; margin-bottom: 5px; } .EffectiveDoctypeAccess > span { margin: 20px 0 5px 0; } .EffectiveAppAccessRoles { display: block; padding: 7px; background-color: rgb(243, 243, 213); margin: 5px 0 20px 0; } /*--------------XpdAnonymousProtectionForm----------------*/ .XpdAnonymousProtectionForm b { display: block; padding: 0 0 10px 0; } .XpdAnonymousProtectionForm .itsInput { display: inline-block; margin: 2px; } .XpdAnonymousProtectionForm .itsInput input { height: 28px !important; } .XpdAnonymousProtectionForm i { color: red; display: block; } /*--------------XpdSetupMenuItemPropertyes----------------*/ .XpdSetupMenuItemPropertyes { padding: 10px 15px; background: rgb(240, 240, 240); } /*--------------TransferDocumentsNotAvailable----------------*/ .TransferDocumentsNotAvailable { background: rgb(227, 100, 90); margin: 0 !important; padding: 0 10px; color: #fff; line-height: 20px; float: none !important; width: 100%; } /*-----------------FormValidation---------------------*/ .PropertyFieldTextTestValidationPass { color: rgb(92, 181, 101); margin: 0 0 0 5px; } .PropertyFieldTextTestValidationFail { color: rgb(227, 100, 90); margin: 0 0 0 5px; } /*.FormValidationMessages { }*/ .FormValidationMessages h2 { margin: 0 0 10px 0; } .FormValidationCriticalMessages { background: rgb(227, 100, 90); color: #fff; padding: 10px 20px 12px 20px; } .FormValidationWarningMessages { background: rgb(254, 213, 168); color: #000; padding: 10px 20px 12px 20px; } /*-------Header_Group_Element_Properties-------------*/ .HeaderGroupElementProperties, .DelimiterGroupElementProperties { margin: 5px 0; line-height: 30px; background: rgb(230, 230, 230); color: #333; text-align: center; display: block; } /*-------View_Privat_Contact-------------*/ .ViewPrivatContact:BEFORE { content: '\f0be'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; padding-left: 5px; color: rgba(0, 0, 0, .25); font-size: 12px; } /*-------History_edit_fields-------------*/ .MWHistoryEditingField { height: 24px; font-family: 'WebHostingHub-Glyphs'; font-style: normal; color: rgb(190, 190, 190); } .MWHistoryEditingField:hover { color: rgb(130, 130, 130); cursor: pointer; } .MWHistoryEditingField:BEFORE { content: '\f127'; } .PeoplePostDep { display: inline-block; } .PeoplePostDep > span { color: #333; display: block; } .PeoplePostDep > i { color: #777; font-style: normal; display: block; } /*---------ViewNormalAvatar----------*/ .ViewNormalAvatar span { margin-left: -19px; width: 54px; height: 54px; border-radius: 2px; display: inline-block; background-image: url('?.handler=resources&name=images/avatar_default_64.png'); background-size: cover; } .ViewNormalAvatar img { width: 54px; height: 54px; border-radius: 2px; } .ViewMiniAvatar span { width: 48px; height: 48px; border-radius: 2px; display: inline-block; background-size: cover; } .ViewMiniAvatar img { width: 48px; height: 48px; border-radius: 2px; } /*-------workspace-------------*/ .wsready1, .wsready2, .wsready3, .wsready4, .wsready5, .wsready6, .wsready7, .wsready8 { width: 146px; height: 98px; background: #FFF url('?.handler=resources&name=images/wsready.PNG') no-repeat; display: inline-block; border: 14px solid rgb(242, 242, 242); } .wsready1:hover, .wsready2:hover, .wsready3:hover, .wsready4:hover, .wsready5:hover, .wsready6:hover, .wsready7:hover, .wsready8:hover { border: 14px solid rgb(255, 255, 255); cursor: pointer; } .wsready1 { background-position-x: 0; } .wsready2 { background-position-x: -144px; } .wsready3 { background-position-x: -288px; } .wsready4 { background-position-x: -432px; } .wsready5 { background-position-x: -576px; } .wsready6 { background-position-x: -720px; } .wsready7 { background-position-x: -864px; } .wsready8 { background-position-x: -1008px; } .wsready_active, .wsready_active:hover { border: 14px solid rgb(240, 240, 200); } /*-------reg_user-------------*/ .createuser_field_message { width: 27px; height: 28px; line-height: 30px; position: absolute; right: -2px; top: -2px; font-size: 18px; } .createuser_field_poor { color: rgb(227, 83, 80); } .createuser_field_good { color: rgb(70, 172, 80); } /*.xpdRootTopContextTranslate { }*/ .xpdRootTopContextTranslate > .icon-language { display: block; width: 60px; text-align: center; } .xpdRootTopContextTranslate > .icon-language:hover { background: rgba(0, 0, 0, .075); color: rgb(255, 255, 255); cursor: pointer; } /*-------xpd_build-------------*/ .xpdbuild_main { height: 100%; overflow: auto; padding: 30px 10px 10px 10px; box-sizing: border-box; } .xpdbuild_stage_welcome .xpdbuild_xpdversion { color: red; padding: 0 10px 10px; display: block; } .xpdbuild_stage_welcome .xpdbuild_stage_title, .xpdbuild_stage_buildprocess .xpdbuild_stage_title, .xpdinstall_stage_update .xpdinstall_stage_title { background: rgb(160, 160, 160); color: #fff; height: 40px; line-height: 40px; display: block; padding: 0 15px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1; font-size: 15px; } .xpdbuild_main .xpdbuild_form_instructions { height: 100%; width: 100%; box-sizing: border-box; position: absolute; top: 40px; left: 0; bottom: 0; } .xpdbuild_main .xpdbuild_form_instructions .left { width: 250px; padding: 15px; position: absolute; left: 0; top: 0; bottom: 40px; background: rgb(245, 245, 245); overflow: auto; } .xpdbuild_main .xpdbuild_form_instructions .center { width: calc(100% - 310px); height: calc(100% - 50px); position: relative; left: 280px; padding: 15px; top: 0; background: #fff; overflow: scroll; } .xpdbuild_main .xpdbuild_form_instructions .center f-box { margin-bottom: 10px; } .xpdbuild_main .xpdbuild_form_instructions .center .apps_system .itsCheckboxSelected > span, .xpdbuild_main .xpdbuild_form_instructions .center .apps_required .itsCheckboxSelected > span { opacity: .5; } .xpdbuild_main .xpdbuild_form_instructions .center .apps_system .itsCheckboxSelected > div, .xpdbuild_main .xpdbuild_form_instructions .center .apps_required .itsCheckboxSelected > div { opacity: .75; } .xpdbuild_main .xpdbuild_form_instructions .center .apps_required { padding-bottom: 10px; border-bottom: 1px solid rgb(245, 245, 245); margin-bottom: 15px; } .xpdbuild_submessage { padding-left: 15px; } .xpdbuild_endblock { display: block; } .xpdbuild_message_success { color: rgb(46, 204, 113); } .xpdbuild_stage_welcome .xpdbuild_fieldsysapps { display: inline-block; width: 400px; } .xpdbuild_stage_buildprocess .xpdbuild_finishmessage { padding: 50px; background: rgb(26, 188, 156); color: #fff; display: block; position: fixed; top: 40%; left: 0; width: 100%; text-align: center; font-size: 17px; } .xpdbuild_stage_welcome .xpdbuild_fieldnonsysapps { display: inline-block; width: 800px; } /*-------xpd_install-------------*/ .bokeh { font-size: 100px; width: 1em; height: 1em; position: absolute; border-radius: 50%; list-style: none; padding: 0; left: 50%; top: 57%; margin-top: -50px; margin-left: -50px; } .bokeh li { position: absolute; width: .2em; height: .2em; border-radius: 50%; } .bokeh li:nth-child(1) { left: 50%; top: 0; margin: 0 0 0 -.1em; background: #00C176; transform-origin: 50% 250%; animation: rota 1.13s linear infinite, opa 3.67s ease-in-out infinite alternate; } .bokeh li:nth-child(2) { top: 50%; right: 0; margin: -.1em 0 0 0; background: #FF003C; transform-origin: -150% 50%; animation: rota 1.86s linear infinite, opa 4.29s ease-in-out infinite alternate; } .bokeh li:nth-child(3) { left: 50%; bottom: 0; margin: 0 0 0 -.1em; background: #FABE28; transform-origin: 50% -150%; animation: rota 1.45s linear infinite, opa 5.12s ease-in-out infinite alternate; } .bokeh li:nth-child(4) { top: 50%; left: 0; margin: -.1em 0 0 0; background: #88C100; transform-origin: 250% 50%; animation: rota 1.72s linear infinite, opa 5.25s ease-in-out infinite alternate; } @-webkit-keyframes rota { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rota { to { -moz-transform: rotate(360deg); } } @-ms-keyframes rota { to { -ms-transform: rotate(360deg); } } @-o-keyframes rota { to { -o-transform: rotate(360deg); } } @keyframes rota { to { transform: rotate(360deg); } } /*-------xpd_event-------------*/ .VievColumnGoal, .VievColumnResult { padding: 3px 7px; border-radius: 7px; display: inline-block; font-style: normal; margin: 0 10px 0 0; } .VievColumnResult { margin: 6px 6px 6px 12px; } .EventFormViewContact > i { vertical-align: top; margin: 0 0 0 7px; color: #555; } /*-------xpd_stages-------------*/ /*-------xpd_imap_mail-------------*/ .itsButtonNewMail { padding: 0 0 0 7px; } .itsButtonNewMail .itsButton > span { padding: 6px 27px; } .xpdImapMessageTopCaption { font-size: 22px; padding: 0 5px 5px 5px; box-sizing: border-box; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ } .xpdImapMessageFields { padding: 0 5px 5px 5px; background: rgba(242, 242, 242, 1); border: 1px solid rgb(230, 230, 230); box-sizing: border-box; } .xpdImapMessageFields .itsFieldInput { border-bottom: 0 !important; } .TreeTitleRightArea { float: right; } .xpdViewListNum, .xpdViewListNumUnread { position: absolute; right: 7px; font-size: 11px; height: 16px; line-height: 16px; padding: 0 5px; border-radius: 8px; color: #fff; margin: 6px 0 0 0; font-weight: bold; font-style: normal; } .xpdViewListNum { background: rgba(0, 0, 0, .2); } .xpdViewListNumUnread { background: rgba(0, 0, 0, .4); } .xpdImapMessageFields .itsFieldTitle > div { width: 100px; } .xpdImapMessageCellBody { width: 100%; } .xpdRichControlRead { padding: 5px 10px; box-sizing: border-box; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ } .xpdImapMessageCellFiles { max-width: 800px; } .xpdViewColumnAttachment:before { float: left; color: rgba(66, 139, 202, .75); } .domino-richtext > .domino-attachment-ref { display: none; } .itsClicable:hover { cursor: pointer; } .itsComponentError { font-size: 12px; } .itsFixedSpan > span { display: inline-block; white-space: normal; } /*-----------------itsIconPickerContainer-----------------*/ .itsViewListContainer { overflow-x: auto; max-height: 100%; background: rgb(247, 247, 247); padding: 8px 0; } /*---------------itsMailViewUnread-----------------*/ .itsMailViewUnread [class^="icon-"]:before, .itsMailViewUnread [class*=" icon-"]:before { font-weight: normal; } .itsMailViewUnread { font-weight: bold; } .itsMailFormSubject { display: block; font-size: 22px; width: 100%; } .itsMailFormFrom { display: block; font-size: 18px; width: 100%; } .itsMailFormTo { display: block; font-size: 14px; width: 100%; } .itsMailFormDate { display: block; font-size: 18px; width: 100%; } .xpdMsContentViewer { height: 100%; overflow: auto; display: block; } /*---------Button attach----------*/ .XpdPickCachedNotesUser > .xpdBorderContainerRegionC > .itsScrollPanelBody { margin-top: 3px; } .XpdPickCachedNotesUser > .xpdBorderContainerRegionC > .itsScrollPanelBody .itsFeedHover div { padding-left: 10px; } .XpdPickCachedNotesUser .itsFieldInput > .itsInput > .itsInputBody > .itsComboboxInput { padding-top: 2px; padding-bottom: 2px; height: 30px; } /*.xpdApplication f-box { width: auto; }*/ /*.xpdApplication f-box f-data>input { width: 100% !important; }*/ /*Safonov edit for employment 04.01.2015*/ /*========================MWPostcode===========================*/ .MWPostcode { width: 550px; } .MWPostcode .itsFieldTitleLeft { width: 130px !important; } .MWPostcode .itsFieldTitle > div:after { display: none !important; } .MWPostcode .icon-remove { position: relative; z-index: 9; top: 6px; left: 25px; color: #999; } .MWPostcode .icon-remove:hover { color: red; } .MWPostcode input { text-transform: uppercase; } /*-------MWPostcode-------*/ .icon-remove.dt_menu { padding: 6px 6px 5px 6px; margin: 3px; width: 7px; height: 8px; font-size: 7px; color: #999; cursor: pointer; } .icon-remove.dt_menu:hover { color: rgb(250, 250, 250); background: rgba(255, 78, 69, .75); border-radius: 20px; } .PickDocTypesSelectedDocType { background-color: rgb(230, 230, 230); margin: 3px 3px 3px 3px; } .ETLProcessInfoLinkDocType { background-color: rgb(230, 230, 230); margin: 3px 3px 3px 3px; } .itsContainerHorizontal > * { vertical-align: top; } .xpdToolbarConfigDeleteBtn { position: absolute; right: 7px; top: 5px; font-size: 10px; opacity: 0.5; } .xpdToolbarConfigDeleteBtn:hover { cursor: pointer; opacity: 1; } .ImportOneColumnMatchSetup .ColumnNumber { width: 80px; } .ImportOneColumnMatchSetup .ColumnName, .ImportOneColumnMatchSetup .FieldName { width: 250px; } .ImportOneColumnMatchSetup .ColumnSetupId { width: 350px; } .needUpdateMessage { position: fixed; top: 0; left: 360px; background: aliceblue; padding: 5px 10px; z-index: 99999; } .SystemBoxCriticalMessages { display: block; background: rgb(230, 70, 70); padding: 7px 12px; color: #fff; } /*----FieldSelectImportLanguages----*/ .FieldSelectImportLanguages .SelectLanguage > * { width: auto; display: inline-block; padding: 1px 15px 0 0; vertical-align: middle; } .FieldSelectImportLanguages .itsPicklist { margin: 0 0 20px 0; } .AppConstructorLinkBaseApp { height: 100px; padding: 20px; width: 100%; box-sizing: border-box; background: rgba(0, 0, 0, .07); } .AppConstructorLinkBaseApp > .itsLink { display: block; } .XpdDropFileUploadReady { background: #ddd; border-color: #aaa; } /*----ChangePasswordWarningTitleMessage-----*/ .ChangePasswordWarningTitleMessage { display: block; padding: 0 0 25px; color: rgb(142, 68, 173); } /*----XpdMainInfoPage----*/ .XpdMainInfoPage .itsScrollPanelBody { padding: 0 10px; box-sizing: border-box; } .XpdScriptSetupFooterContent { display: inline; } .XpdETLPropertySetup .XpdScriptSetupFooterContent>div { padding-top: 10px; } .XpdETLPropertySetup .XpdScriptSetupFooterContent>div:first-child { margin-left: -2px; } .DesignSearchFoundedCount { line-height: 28px; padding: 0 10px; color: #777; } /*----ElementSelecting----*/ .ElementSelecting:before, .ElementSelecting:after { content: ""; display: block; position: fixed; height:7px; background:rgb(var(--orange600)); left: 0; right: 0; z-index: 100; animation: anim-ramka 2s infinite; } .ElementSelecting:before { top: 0; } .ElementSelecting:after { bottom: 1px; } @keyframes anim-ramka { 0% { background:rgb(var(--orange600)); } 50% { background:rgb(var(--orange200)); } 100% { background:rgb(var(--orange600)); } } .ElementSelectingOver *, .ElementSelectingOver:hover { cursor: crosshair !important; background:rgb(var(--orange100)) !important; color:#000 !important; } /*-----ForcedInforming------*/ .XpdInfoBar { position: fixed; top: 0; left: 0; right: 0; background: rgb(var(--amberA200)); color: #000; text-align: center; z-index: 1000; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } .XpdInfoBar button { background: rgb(var(--amber900)); color: #fff; border: none; padding: 3px 10px 4px 10px; cursor: pointer; margin-left: 10px; } .XpdInfoBar button:hover { opacity:.8; } /*-----xpd_service_mode------*/ @property --border-angle { syntax: ""; initial-value: 0deg; inherits: false; } @keyframes border-angle-rotate { from { --border-angle: 0deg; } to { --border-angle: 360deg; } } .xpd_service_mode::before { content: "Service mode"; position: fixed; bottom: 1px; left: 50%; transform: translateX(-50%); width: 200px; height: 30px; border: 4px solid transparent; background: linear-gradient(white, white) padding-box, conic-gradient( from var(--border-angle), oklch(100% 100% 0deg), oklch(100% 100% 45deg), oklch(100% 100% 90deg), oklch(100% 100% 135deg), oklch(100% 100% 180deg), oklch(100% 100% 225deg), oklch(100% 100% 270deg), oklch(100% 100% 315deg), oklch(100% 100% 360deg) ) border-box; animation: border-angle-rotate 2s infinite linear; display: flex; justify-content: center; align-items: center; color: black; box-sizing: border-box; border-radius: 8px; z-index: 1000; } .itsErrorRender { color: rgba(240, 16, 16, 1); } .itsTranslatePhraseEditContainer .itsTranslateLangsContainer { display: block; float: left; width: 100%; background: rgb(105, 112, 118); color: #fff; font-size: 12px; position: relative; z-index: 1; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate, .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate { padding: 5px 10px; line-height: 20px; cursor: pointer; font-size: 96%; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate:hover, .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate:hover { background: rgba(0, 0, 0, .2); } .itsTranslatePhraseEditContainer .itsTranslateLangActive, .itsTranslatePhraseEditContainer .itsTranslateLangActive:hover { background: rgb(243, 156, 18) !important; cursor: default; } .itsTranslatePhraseEditContainer .itsTranslateLangNoTranslate { float: left; } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate { float: right; } .itsTranslatePhraseEditContainer { background: rgb(230, 230, 230); } .itsTranslatePhraseEditContainer .itsTranslateLangTranslate { color: rgb(221, 221, 221); background: rgb(125, 132, 138); } .phrase_no_translate { color: red; } .itsTranslateLangFieldsContainer > .itsField { cursor: default; } /*-------xpd_translite-------------*/ .context_phrase_translator { padding: 5px 0 10px 0; } .context_phrase_translator_nowtranslating .itsFieldInput { padding-right: 10px; } .context_phrase_translator_selectphrases .context_phrase_translator_selectorphrase { background: rgb(66, 139, 202); color: #fff; padding: 2px 6px !important; margin: 0 0 5px 5px; border-radius: 2px; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px; } .context_phrase_translator_selectphrases .context_phrase_translator_selectorphrase:hover { background: rgb(46, 119, 182); text-decoration: none; cursor: pointer; } .context_phrase_translator_selectphrases .context_phrase_translator_selectorphrase_active, .context_phrase_translator_selectphrases .context_phrase_translator_selectorphrase_active:hover { background: rgb(44, 195, 107); } .itsTranslatePhraseContainer, .itsTranslatePhraseContainerActive { cursor: default !important; } .itsTranslatePhraseContainerActive .itsTranslatePhraseCaption { background: rgb(44, 195, 107); color: #fff; padding: 2px 13px 2px 9px; margin-bottom: 0; display: inline-block; } .itsTranslatePhraseContainer > .itsTranslatePhraseCaption:hover { cursor: pointer; text-decoration: underline; } /* * TODO Actual ?? */ .itsTranslateLangFieldsContainer TEXTAREA { min-height: 58px !important; } .itsTranslateLangFieldsContainer { padding: 31px 10px 10px 10px; cursor: default; position: relative; } .itsTranslateLangFieldsContainer .icon-arrow-down { position: absolute; left: 94px; margin-top: -10px; font-size: 13px; color: rgba(0, 0, 0, .075); } .itsTranslateLangFieldsContainer .itsTranslateFirstButton, .itsTranslateLangFieldsContainer .itsButtonStyle-red, .itsTranslateLangFieldsContainer .phrase_button_show_markers { margin-top: 10px; display: inline-block; } .itsTranslateLangFieldsContainer .itsInputTextArea, .itsTranslateLangFieldsContainer .itsInputTextArea > textarea, .itsTranslateLangFieldsContainer .itsInputTextArea > textarea[disabled] { float: left; border: 0; } .itsTranslateLangFieldsContainer .itsInput { margin: 0; padding: 0; } .itsTranslateLangFieldsContainer .phrase_button_show_markers { float: right; } .itsTranslateLangFieldsContainer .itsFieldReadonly .itsFieldTitle { width: 110px; } .itsTranslateLangFieldsContainer .itsFieldReadonly .itsFieldInput, .itsTranslateLangFieldsContainer .itsFieldReadonly .itsFieldFooter { width: auto; float: left; text-align: left; } .itsTranslateLangFieldsContainer .itsFieldReadonly .itsInput { color: #777; } .itsTranslateLangFieldsContainer .itsFieldTitle > div { width: 110px; } .itsTranslateLangFieldsContainer > .itsFieldReadonly, .itsTranslateLangFieldsContainer > .itsField { margin: 0; } .itsTranslateLangFieldsContainer .itsFieldTitle, .itsTranslateLangFieldsContainer .itsFieldTitle:hover, .itsTranslateLangFieldsContainer .itsFieldInput, .itsTranslateLangFieldsContainer .itsFieldInput:hover, .itsTranslateLangFieldsContainer .itsFieldFooter { background: transparent !important; } .itsTranslateLangFieldsContainer .itsFieldInput { border: 0 !important; } /*-------itsTranslatePhraseModify-------*/ .itsTranslatePhraseModify { display: none; } .itsTranslatePhraseModify:hover { cursor: pointer; } .itsTranslatePhraseContainer:hover .itsTranslatePhraseModify, .itsTranslatePhraseContainerActive:hover .itsTranslatePhraseModify { display: inline-block; } .itsTranslateFeedToolBar { border-bottom: 2px solid rgb(220, 220, 220); } .itsUserAvatar { position: relative; display: inline-block; width: 100%; height: 100%; } .itsUserAvatar img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; } .itsUserAvatar.itsUserAvatarAutoResize img { width: auto !important; height: auto !important; } .itsUserAvatar > .itsUserAvatarEdit { position: absolute; bottom: 0; width: 100%; height: 40px; left: 0; opacity: .75; background: rgba(0, 0, 0, .35); transition: opacity 0.2s ease-out; overflow: hidden; } .itsUserAvatar:hover > .itsUserAvatarEdit { opacity: 1; transition: opacity 0.2s ease-out; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton { border: 0 none; background: rgba(0, 0, 0, .03); margin: 0; padding: 0; color: rgb(252, 252, 252); } .itsUserAvatar > .itsUserAvatarEdit > label, .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton, .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span { display: block; height: 100%; width: 100%; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span { padding: 0; border-radius: 0; margin: 0; line-height: 40px; background-color: rgba(0, 0, 0, .1); transition: background-color 0.1s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span:hover { background-color: rgba(0, 0, 0, .5); color: rgb(252, 252, 252); } .itsUserAvatarEmpty > span { display: inline-block; } .itsUserAvatarEmpty { position: relative; } .itsUserAvatar .itsUserAvatarDel { background: rgba(255, 78, 69, .75); width: 28px; height: 28px; position: absolute; top: 0; right: 0; line-height: 28px; text-align: center; opacity: 0; } .itsUserAvatar .itsUserAvatarDel:before { content: '\00d7'; color: rgb(250, 250, 250); font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 10px; } .itsUserAvatar:hover .itsUserAvatarDel { opacity: 0.7; } .itsUserAvatar .itsUserAvatarDel:hover { opacity: 1; cursor: pointer; } body, input[type=text], input, textarea { font-family: "Verdana"; } /*body { overflow: hidden; }*/ body>audio[controls] { display: none; } @media (min-width: 1281px) { body { overflow: hidden; } } /*Root*/ td { padding: 0; vertical-align: top; } c-box { display: block; } /*tr { height: auto; }*/ .itsViewHead td { vertical-align: inherit; } .itsRootTopPanel ~ .itsScrollPanelBody { margin: 0 !important; } .itsScrollPanelBody { width: 100%; height: 100%; /*Fix on borderContainer 3*/ } @media all and (-ms-high-contrast:none) { .itsScrollPanelBody>div .xpdTabContainerBody { -ms-overflow-y: scroll; } } @media print { /*тестовый фикс для #3226*/ .itsScrollPanelBody { overflow: visible !important; } body > form { height: 100% !important; page-break-after: always; overflow: visible !important; } body > form > div > div[name="itsScrollPanel"] { overflow: visible !important; } } .itsRootTopBody, .itsRootTopLeft { width: 100%; } .itsRoot { height: 100%; } .xpdRootTopNameSysem { font-size: 16px; line-height: 38px; padding: 0 10px; white-space: nowrap; } .itsRootTopNotifyArea { width: 100%; text-align: center; } .xpdRootTopAdmin { text-align: right; padding: 0 10px 0 0; } .xpdRootTopAdmin:hover { text-decoration: underline; cursor: pointer; } .itsRootTopRight { padding: 0 15px; text-align: right; } .itsRootTopRight:hover { background: rgba(0, 0, 0, .1); cursor: pointer; } /*Active control*/ .itsActiveControl, .itsActiveControl:hover, .itsActiveControl:active { background: rgba(0, 0, 0, .1); border: 1px solid rgba(0, 0, 0, .02); color: rgb(0, 0, 0); } /*Focus for input and buttons*/ div:not(.itsButton):focus { outline: none; } /*Document form*/ .itsFormRead > .itsContainerVertical, .itsFormEdit > .itsContainerVertical { padding-left: 10px; padding-right: 10px; box-sizing: border-box; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ } .itsFormRead > .itsScrollPanelBody > div > .itsBorderContainerBorder > .itsBorderContainerRegionC { border-bottom: 1px solid rgb(200, 200, 200); } /*Notify server down*/ .itsNotifyTop { height:30px; line-height:30px; padding: 0 10px; position: absolute; top: 0; left: 0; z-index: 9999; transition: top 10s linear; transition-delay: 5s; border-bottom: 30px solid #0000; } .itsNotifyTop:hover { top: -999px; transition: top .1s linear; border-bottom: 50px; } .itsNotifyTop:before { content:""; display:block; height:100%; width: 100%; position: absolute; left: 0; top: 0; right:0; bottom:0; z-index: -1; background-color: rgb(249, 237, 190); border: 1px solid rgb(240, 195, 109); } .itsNotifyCenter { width: 400px; height: 108px; padding: 40px 50px; background: #fff; box-shadow: 0 0 60px rgba(0, 0, 0, .4); } /*-------xpd_home-------------*/ .itsRootTopNotifyArea i:first-child { margin-left: 40%; } .itsRootTopNotifyArea i { color: rgba(255, 255, 255, .75); width: 40px; text-align: center; height: 38px; line-height: 38px; display: inline-block; float: left; position: relative; font-size: 15px; } .itsRootTopNotifyArea .No { color: rgba(255, 255, 255, .25); } .itsRootTopNotifyArea i:hover { background: rgba(0, 0, 0, .07); cursor: pointer; } .itsRootTopNotifyArea .No:hover { background: rgba(0, 0, 0, .07); color: rgba(255, 255, 255, .5); cursor: pointer; } .itsRootTopNotifyArea i b { content: ""; } .homenewmail:after { content: "!"; } .itsRootTopNotifyArea i b, .homenewmail:after { font-size: 9px; color: #fff; position: absolute; right: 3px; top: 5px; min-width: 8px; height: 13px; display: inline-block; background: rgb(248, 0, 0); line-height: 13px; border-radius: 2px; font-weight: bold; padding: 0 3px; } .itsRootTopNotifyArea .No b { font-size: 9px; color: rgba(255, 255, 255, .75); position: absolute; right: 3px; top: 5px; min-width: 8px; height: 13px; display: inline-block; background: rgb(255, 189, 100); line-height: 13px; border-radius: 2px; font-weight: bold; padding: 0 3px; } /*Angle orient*/ .angle_tl { top: 0; left: 0; } .angle_tr { top: 0; right: 0; } .angle_bl { bottom: 0; left: 0; } .angle_br { bottom: 0; right: 0; } /**/ .xpdRichFieldByParent, .xpdRichFieldByParent > table, .xpdRichFieldByParent > table > tbody, .xpdRichFieldByParent > table > tbody > tr, .xpdRichFieldByParent > table > tbody > tr > td, .xpdRichFieldByParent > table > tbody > tr > td > div, .xpdRichFieldByParent > table > tbody > tr > td > div > div:not(.itsInputValue) { height: 100% !important; box-sizing: border-box !important; } .xpdRichControlByParent, .xpdRichControlByParent > div:not(.itsInputValue), .xpdRichControlByParent > div > span, .xpdRichControlByParent > div > span > span, .xpdRichControlByParent > div > span > span > span { height: 100% !important; box-sizing: border-box !important; } .xpdRichFieldByParent { margin: 0 !important; } .itsProcessList { height: 100%; overflow: auto; } .itsContentManagementSelect { margin: 0 5px; } /*xpdMailAccountSelector*/ .xpdMailAccountSelector { padding: 5px 5px 0 5px; float: none !important; max-height: 80px; box-sizing: border-box; overflow: auto; } .xpdMailAccountSelector > div { cursor: pointer; padding: 0 6px; line-height: 19px; margin: 2px; border-radius: 4px; border: 1px solid rgba(74, 163, 223, .2); color: rgb(74, 163, 223); display: inline-block; position: relative; } .xpdMailAccountSelector > div:hover { border: 1px solid rgba(74, 163, 223, .5); } .xpdMailAccountSelector > div.currentItem { background-color: rgb(74, 163, 223); color: #fff; } .xpdMailAccountSelector > div > i:not(.xpdMailAccountTitle) { position: absolute; width: 13px; height: 8px; top: -10px; right: 3px; color: rgba(248, 0, 0, .75); } .itsRegStatus:empty { display: none !important; } /*Password check*/ progress { height: 5px; vertical-align: top; position: absolute; } /*xpdConstructorXMLField*/ .xpdConstructorXMLField, .xpdConstructorXMLField > table, .xpdConstructorXMLField > table > tbody > tr > td, .xpdConstructorXMLField > table > tbody > tr > td > div { height: 99%; margin: 0 !important; } .xpdConstructorXMLField > table > tbody > tr > td { vertical-align: inherit; display: block; } .tmpViewOnSubform { height: 100%; } .xpdHidden { display: none !important; padding: 0 !important; } .xpdSafeHidden, .xpdSafeHidden > * { height: 0; width: 0; margin: 0; padding: 0; line-height: 0; overflow: hidden; /*display: inline-block;*/ display: block; visibility: hidden; } .xpdGroupGridBody > table { width:100%; } .xpdGroupGridBody > table > tbody > tr > td { word-wrap: break-word; } .xpdGroupGridBody tr > td > div:nth-child(1) { padding: 0 10px; } .xpdGroupGridTitle { cursor: pointer; background: rgb(var(--gray300)); border-bottom: 1px solid #fff; padding: 5px 10px; line-height: 40px; } .xpdGroupGridTitle:hover { filter: brightness(95%); } .xpdGroupGridTableHead { color: #fff; background: rgb(var(--gray500)); text-align: center; } .xpdGroupGridTableHead .fieldname { width: 250px; min-width: 250px; } .xpdGroupGridTableHead .newvalue, .xpdGroupGridTableHead .oldvalue { width: 50%; } .xpdGroupGridBody tr:not(:first-child) > td:first-child { vertical-align: inherit; line-height: 14px; } .xpdGroupGridBody file-name { display: block; line-height: 13px; border-top: 1px solid #ddd; padding: 5px 0; } .xpdGroupGridBody div > file-name:first-child { border:0; } .xpdGroupGridBody .FileRemoved { color: red; text-decoration: line-through; } .xpdGroupGridBody .FileAdd { color: green; } .xpdGroupGridBody .FileReplaced { color: orange; } .xpdGroupGridTitle > img { width: 40px; height: 40px; border-radius: 50%; float: left; } .xpdGroupGridTitle > a, aa { margin: 0 10px 0 15px; font-size: 16px; } .xpdGroupGridTitle > i { font-style: normal; color: #666; font-size: 14px; } .xpdGroupGrid[state="closed"] > .xpdGroupGridBody { display: none; } .MWConstructorSettingsCssStyleAddBtn, .MWPropertiesConditions > .itsButtonStyle-blue { margin-top: 11px; } .MWConstructorSettingsCssStyleAddBtn > .itsButton, .MWPropertiesConditions > .itsButtonStyle-blue > .itsButton { height: 24px; } .MWConstructorSettingsCssStyleAddBtn > .itsButton > span, .MWPropertiesConditions > .itsButtonStyle-blue > .itsButton > span { padding: 4px 12px; } .xpdGroupGridBody tbody > tr { border: 1px solid rgb(var(--gray500)); } .xpdGroupGridBody tbody > tr:nth-child(even) { background: rgb(255, 255, 255); } .HistoryEditingFieldsSearchResults { background: rgb(255, 209, 146); } .SetupSoapOperationAbout { padding-left: 10px; box-sizing: border-box; } /* History Changed by document */ .EditHistoryItemRemovedField > td:first-child { position: relative; text-decoration: line-through; color: rgb(var(--indigo500)); } .EditHistoryItemFromInspector > td:first-child { position: relative; color: rgb(var(--red500)); } .EditHistoryItemFromInspector.EditHistoryItemRemovedField > td:first-child > div:hover::after, .EditHistoryItemFromInspector > td:first-child > div:hover::after, .EditHistoryItemRemovedField > td:first-child > div:hover::after { position: absolute; top: -24px; left: 0; background: #333; color: #fff; line-height: 22px; padding: 0 7px; border-radius:2px; z-index: 1; } .EditHistoryItemRemovedField > td:first-child > div:hover::after { content: "Removed by code"; } .EditHistoryItemFromInspector > td:first-child > div:hover::after { content: "Changed by document inspector"; } .EditHistoryItemFromInspector.EditHistoryItemRemovedField > td:first-child > div:hover::after { content: "Removed by document inspector"; } .AdminSectionDetailInfo { padding: 10px; } .AdminSectionDetailInfo .About { font-size: 17px; line-height: 22px; padding: 5px 0 15px 0; font-weight: bold; } .AdminSectionDetailInfo .Id { padding: 0 15px 15px 0; color: #777; } .HelpSharedLuaDetail { padding: 10px; } .HelpSharedLuaDetail span .itsButton { float: right; } .HelpSharedLuaDetail .ProgramName { color: rgb(142, 68, 173); } .HelpSharedLuaDetail .TypeAbout, .HelpSharedLuaDetail .About { display: inline-block !important; } .HelpSharedLuaDetail .TypeAbout { color: #777; margin: 10px 10px 10px 0; } .HelpSharedLuaDetail .Id { margin-top: 32px; font-weight: bold; margin-bottom: 10px; } .HelpSharedLuaDetail > .About { margin-bottom: 10px; } .HelpSharedLuaDetail .Parameters .Title { margin-bottom: 10px; } .itsScrollPanelBody > div > .itsTree > .itsTree .itsTreeTitle.LuaHelpMethodDeprecated:before, .itsScrollPanelBody > div > .itsTree > .itsTreeTitle.LuaHelpMethodDeprecated:before { content: "DEPRECATED"; color: rgb(243, 156, 18); font-size: 10px; display: block; position: relative; top: 7px; left: 36px; font-family: "Segoe UI Web Light", "Segoe UI", "Helvetica Neue", Arial; font-weight: 400; line-height: 10px; } .itsScrollPanelBody > div > .itsTree > .itsTreeTitle.LuaHelpMethodDeprecated:before { top: 6px; left: 20px; line-height: 12px; } /*.itsScrollPanelBody > div > .itsTree > .itsTreeTitle.LuaHelpMethodDeprecated:before { content: "DEPRECATED"; color: rgb(243, 156, 18); font-size: 10px; display: block; position: relative; top: 6px; left: 20px; font-family: "Segoe UI Web Light", "Segoe UI", "Helvetica Neue", Arial; font-weight: 400; line-height: 12px; }*/ .LuaHelpMethodDeprecated .LuaMethodTitle:before { content: "DEPRECATED"; color: rgb(243, 156, 18); font-size: 17px; display: block; font-family: "Segoe UI Web Light", "Segoe UI", "Helvetica Neue", Arial; font-weight: 400; } div[formelementclass="LuaObjectHelpContent"] > div.LuaHelpMethodDeprecated:before { content: "DEPRECATED"; color: rgb(243, 156, 18); font-size: 10px; display: block; position: relative; top: 6px; left: 0px; font-family: "Segoe UI Web Light", "Segoe UI", "Helvetica Neue", Arial; font-weight: 400; line-height: 10px; } /*---------lua_help_form----------*/ .lua_help_form .itsViewHead td { display: none; } .lua_help_form .xpdTabContainerBody { padding: 0 !important; } .lua_help_form .itsViewScrollBody td { display: none; border: none; width: auto !important; } .lua_help_form .itsViewScrollBody tr > td:first-child { display: block; cursor: pointer; padding-left: 10px; } .lua_help_form .itsViewScrollBody tr > td:nth-child(2) { font-size: 90%; padding: 10px; padding-left: 20px; } .lua_help_form .itsViewScrollBody tr > td:nth-child(3) { font-size: 90%; padding: 10px; padding-left: 30px; color: rgb(10, 99, 177); } .lua_help_form .itsViewScrollBody tr > td:first-child > div > span:hover, .lua_help_form .itsViewScrollBody tr.active > td:first-child > div > span { text-decoration: underline; } .lua_help_form .itsViewScrollBody tr.active > td { display: block; } .lua_help_form .itsViewScrollBody td > div { width: auto !important; } .lua_help_form .LuaMethodTitle { font-size: 17px; line-height: 22px; padding: 5px 0 15px 0; font-weight: bold; } .lua_help_form .LuaMethodHelpLinkToObject { font-size: 17px; font-weight: normal; } /*__.lua_help_form .LuaMethodHelpLinkToObject:before,*/ .lua_help_form .LuaObjectMethodSignature .Parameters:before { content: "("; color: #000; margin: 0; } /*__.lua_help_form .LuaMethodHelpLinkToObject:after,*/ .lua_help_form .LuaObjectMethodSignature .Parameters:after { content: ")"; color: #000; } .lua_help_form .LuaMethodSignature { padding: 0 0 10px 0; } .lua_help_form .LuaMethodAbout { padding: 0 15px 15px 0; } .lua_help_form .LuaMethodParameters { background: rgb(244, 239, 211); margin: 0 5px 15px 0; } .lua_help_form .LuaMethodParametersTitle { font-weight: bold; background: rgba(0, 0, 0, .05); line-height: 32px; display: block; padding: 0 0 0 10px; margin: 0 0 10px 0; color: rgba(0, 0, 0, .5); } .lua_help_form .LuaMethodParameter { padding: 5px 10px; } .lua_help_form .LuaMethodParameter .LuaMethodParameterAbout { display: block; padding: 0 0 10px 15px; } .lua_help_form .LuaMethodParameterType { color: rgb(155, 89, 182); } .lua_help_form .LuaMethodParameterName { padding: 0 0 0 7px; color: rgb(142, 68, 173); } .lua_help_form .LuaObjectMethodSignature .ReturnValue, .lua_help_form .LuaMethodSignature .ReturnValue { padding: 0 7px 0 0; color: #777; } .lua_help_form .LuaMethodSignature .ReturnValue.itsClicable { color: rgb(var(--blue-sys400)); } .lua_help_form .LuaMethodSignature .ReturnValue.itsClicable:hover { text-decoration: underline; } .lua_help_form .LuaObjectMethodSignature { color: #000; } .lua_help_form .LuaObjectMethodSignature .Parameters, .lua_help_form .LuaMethodSignature .Parameters { color: rgb(155, 89, 182); } /*--------LuaHelpObjectsNavigation------------*/ .LuaHelpObjectsNavigation > .itsScrollPanelTop > .itsContainerVertical { width: 90%; } .LuaHelpObjectsNavigation > .itsScrollPanelTop > .itsContainerVertical .itsViewSearch { width: 100% !important; } .LuaHelpObjectsNavigation > .itsScrollPanelBody > div > .itsTree > .itsTreeTitle { padding-left: 5px; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodParameters { color: rgb(155, 89, 182); } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedMethodName { color: #000; float: left; } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedMethodParameters { color: rgb(155, 89, 182); float: left; } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedMethodParameters:before { content: "("; color: #000; float: left; } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedMethodParameters:after { content: ")"; color: #000; float: left; } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedParameterType, .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedParameterDelimiter { padding: 0 7px 0 0; } .LuaHelpObjectsNavigation .itsTree .LuaHelpNavigationFoundedMethodParameters > * { float: left; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodName { color: #000; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodParameters:before { content: "("; color: #000; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodParameters:after { content: ")"; color: #000; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodObject { float: left; padding: 0 5px 0 0; } .LuaHelpObjectsNavigation .LuaHelpNavigationMethodObject:after { content: ":"; } .LuaHelpObjectsNavigation .LuaHelpNavigationObject { white-space: pre-line; line-height: 17px; padding: 5px 40px 0 0; } .LuaHelpObjectsNavigation .itsClicable:hover, .LuaHelpObjectsNavigation .itsLink:hover > * { text-decoration: none !important; } .LuaHelpObjectsNavigationSearchMode > .itsInputBody { text-align: right; } .LuaHelpObjectsNavigation q { background: rgb(255, 255, 0); } .LuaHelpObjectsNavigation q:before, .LuaHelpObjectsNavigation q:after { display: none; } .LuaMethodReturn .LuaMethodReturnTitle { padding: 0 7px 0 0; } /*#5069*/ .LuaHelpObjectsNavigation .itsTreeTitle { padding-right: 40px; min-width: 200px; } .LuaHelpObjectsNavigation .itsTreeTitle > div > .LuaHelpNavigationObject { padding: 5px 0 0 0; } /*#5069*/ .HelpLuaXpdObjectType { background: rgb(22, 160, 133); color: #fff; padding: 2px 7px; border-radius: 5px; text-decoration: none !important; } .WallNotifierNoNewPosts { display: none; } .WallNotifierHasNewPosts { display: block; } /* * 6127 * Временное решение, нужно убрать в перспективе **/ .picklist_avatar_micro { height: 100% !important; } .picklist_avatar_micro>[formelementclass="FormImage"] { position: absolute; } .picklist_avatar_micro>[formelementclass="FormContainer"] { position: relative !important; padding: 2px 10px 6px 7px !important; left: 34px; width: 209px; white-space: normal; } .picklist_avatar_micro>[formelementclass="FormContainer"]>.Post { min-height: 13px; } .MWSettingsMechanismRegistration { /*Ограничил размер окна, чтобы не было больших пустых пространств*/ max-width: 1300px; } .MWSettingsMechanismRegistration .itsFieldReadonly .itsFieldInput { border-bottom: 0; } .MWSettingsMechanismRegistration f-box { padding-top: 3px; } .MWSettingsMechanismRegistration .itsCheckbox { padding-top: 7px; margin-left: 0; } .MWSettingsMechanismRegistration .tr_num, .MWSettingsMechanismRegistration .tr_num_reset, .MWSettingsMechanismRegistration .tr_formula { height: 35px; background: rgb(230, 230, 230); } .MWSettingsMechanismRegistration .tr_num f-box:nth-child(1) { display: inline-block; width: 210px; padding-top: 4px; } .MWSettingsMechanismRegistration .tr_num f-box:nth-child(2) { display: inline-block; width: 300px; line-height: 22px; } .MWSettingsMechanismRegistration .tr_num f-box:nth-child(3) { display: inline-block; width: 200px; } .MWSettingsMechanismRegistration .tr_num .itsFieldTitle > div { line-height: 22px; } .MWSettingsMechanismRegistration .tr_formula f-box:nth-child(1) { display: inline-block; width: 505px; } .MWSettingsMechanismRegistration .tr_formula f-box:nth-child(3) { display: inline-block; width: auto; } .MWSettingsMechanismRegistration .tr_formula f-box:nth-child(3) .itsCombobox > .itsInputBody { min-width: 180px; } .MWSettingsMechanismRegistration .tr_formula f-box:nth-child(5) { display: inline-block; width: 345px; } .MWSettingsMechanismRegistration .tr_formula b { /* padding: 3px 4px 0 4px; height: 26px;*/ padding: 6px 4px 0 4px; vertical-align: top; display: inline-block; font-size: 18px; color: rgb(180, 180, 180); } .MWSettingsMechanismRegistration .tr_num_reset_seting { background: rgb(220, 220, 220); } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(1) { display: inline-block; width: 200px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(2) { display: inline-block; width: auto; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(2) .itsFieldTitle > div { width: 60px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(2) .itsCombobox > .itsInputBody { min-width: 48px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(3) { display: inline-block; width: auto; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(3) .itsFieldTitle > div { width: 70px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(3) .itsCombobox > .itsInputBody { min-width: 102px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(4) { display: inline-block; width: 250px; float: right; padding-top: 6px; } .MWSettingsMechanismRegistration .tr_num_reset_seting f-box:nth-child(5) { display: inline-block; width: 280px; float: right; } /*---------------MyAccountTopPopupInfo-----------------*/ /* Stylize pop up profile tooltip on design/admin page */ .MyAccountTopPopupInfo { top: 44px !important; left: inherit !important; right: 8px; border: 1px solid rgb(0, 83, 149) !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .MyAccountTopPopupInfo:before { content: ""; background: rgb(0, 83, 149); display: inline-block; position: absolute; width: 10px; height: 10px; transform: rotate(45deg); z-index: -1; top: -6px; right: 15px; } .MyAccountTopPopupInfo .avatar, .MyAccountTopPopupInfo .avatar > img { background-color: rgba(255, 255, 255, .2); border-radius: 50%; width: 100px; height: 100px; cursor: pointer; } .MyAccountTopPopupInfo .exit { float: right; } .MyAccountTopPopupInfo .exit .itsTreeTitle > div:before { float: right; padding: 0 0 0 10px; } .MyAccountTopPopupInfo .UserSettings .itsButton { position: absolute; right: 0; bottom: 7px; color: rgba(255, 255, 255, .5); font-size: 18px; background-color: transparent; border: 0; } .MyAccountTopPopupInfo .link { color: rgb(0, 83, 149); line-height: 24px; } .MyAccountTopPopupInfo .link:hover { cursor: pointer; text-decoration: underline; } .MyAccountTopPopupInfo i { width: 22px; height: 22px; background-color: #ddd; display: inline-block; margin: 1px; float: left; } .WSAppPersonalProfileCover { margin: 0 -10px 70px -10px; position: relative; background-size: cover; } .WSAppPersonal .BigBlockAvatar .Follow { position: absolute; bottom: 0; background: rgb(235, 235, 235); width: 100%; height: 36px; line-height: 38px; font-size: 12px; text-align: center; color: rgb(120, 120, 120); display: none !important; } /* Notification */ #notifications { position: fixed; left: 10px; bottom: 10px; width: 250px; font-family: Verdana, arial, Lucida Sans, sans-serif; font-size: 11px; font-weight: normal; } .notification + .notification { margin-top: 10px; } .notification { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; background-color: rgba(0, 0, 0, 0.7); color: #fff; border-radius: 4px; opacity: 0; margin-bottom: -91px; position: relative; overflow: hidden; cursor: pointer; } .notification:hover { background-color: rgba(0, 0, 0, 0.8); } .notification:hover .close { opacity: 0.6; } .notification .history { padding: 10px; overflow: hidden; } .notification .message + .message { padding-top: 10px; } .notification .message { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; position: relative; min-height: 30px; line-height: 150%; } .notification .message .text { margin-left: 50px; } .notification .message .photo { position: absolute; width: 30px; } .notification .message .photo img { max-width: 100%; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7); } .notification .message .name { font-weight: bold; color: #B1DAFF; } .notification .message .name, .notification .message .text { margin-left: 40px; margin-right: 20px; } .notification a { color: #B1DAFF; } .notification .close { transition: all 0.2s; position: absolute; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.2); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); cursor: pointer; top: 10px; right: 10px; width: 20px; height: 20px; line-height: 20px; border-radius: 3px; background: url('?.handler=resources&name=images/notifyclose.gif') center no-repeat; opacity: 0; background-color: rgba(255, 255, 255, 0.1); } .notification .close:hover { opacity: 1; } .notification.active .message .photo { left: 10px; } .notification.active .message .name, .notification.active .message .text, .notification.like { margin-bottom: -60px; } .notification .message.viewer + .message.viewer, .notification .message.not-viewer + .message.not-viewer, .notification .message.text-only { padding-top: 5px; min-height: 20px; } .notification .message.viewer + .message.viewer .photo, .notification .message.viewer + .message.viewer .name, .notification .message.not-viewer + .message.not-viewer .photo, .notification .message.not-viewer + .message.not-viewer .name { display: none; } /*---------------itsIconPickerContainer-----------------*/ .EffectiveAppAccessAppList .itsClicable { line-height: 24px; padding: 0 15px; border: 1px solid Transparent; } .EffectiveAppAccessAppList .itsClicable:hover { background: rgba(0, 0, 0, .04); } .SetupPrivilegeAppAccessProp { margin: 0 0 10px 0; } .SetupPrivilegeAppAccessProp .SetupPrivilegeAppAccessFields { width: 400px; display: inline-block; vertical-align: top; height: 180px; background-color: rgb(240, 240, 240); } .SetupPrivilegeAppAccessRoles { width: calc(100% - 410px); display: inline-block; vertical-align: top; height: 180px; background-color: rgb(240, 240, 240); margin-left:10px; } .SetupPrivilegeAppAccessRoles .xpdComposeLabel { position: relative; display: inline-block; background: rgba(0, 0, 0, .1); margin: 0 2px 2px 0; padding: 0 10px; height: 24px; line-height: 24px; } .itsFormEdit .SetupPrivilegeAppAccessRoles .xpdComposeLabel { padding: 0 25px 0 10px; } .SetupPrivilegeAppAccessRoles .xpdComposeLabel .xpdComposeLabelDel:before { background: rgba(0, 0, 0, .3); padding: 4px; } .SetupPrivilegeAppAccessRoles .itsInput > div { white-space: pre-wrap; } .SetupPrivilegeAppAccessRoles .xpdComposeLabelTitle { padding: 0; width: auto; height: 24px; line-height: 24px; } .SetupPrivilegeAppAccessCaption { display: block; background-color: rgb(243, 243, 213); padding: 9px; text-align: center; font-size: 14px; } .SetupPrivilegeAppAccessDoctype { background-color: rgb(240, 240, 240); width: 400px; height: 180px; float: left; margin: 0 10px 10px 0; } .SetupPrivilegeAppAccessDoctype .xpdComposeLabel { background-color: rgb(124, 191, 131); display: block; height: 34px; line-height: 34px; padding: 0 5px 0 10px; margin-bottom: 10px; font-size: 14px; max-width: 420px; } .SetupPrivilegeAppAccessDoctype .xpdComposeLabel:hover { background-color: rgb(124, 191, 131); cursor: default; } .SetupPrivilegeAppAccessDoctype .xpdComposeLabelDel { width: 30px; height: 30px; line-height: 30px; } .SetupPrivilegeAppAccessDoctype .xpdComposeLabelTitle { padding: 0 20px 0 0; height: inherit; line-height: inherit; } .SetupPrivilegeAppAccessProp .itsField, .SetupPrivilegeAppAccessDoctype .itsField { padding: 0 5px 0 10px; } .SetupPrivilegeAppAccessDoctype .itsButton { margin: 7px 0 10px 10px; } .SetupPrivilegeAppAccessProp .XppLabel, .SetupPrivilegeAppAccessDoctype .XppLabel { background: rgb(220,220,220); display: block; line-height: 34px; padding: 0 0 0 10px; font-size: 14px; margin-bottom:10px; } .SetupPrivilegeAppAccessFields f-box, .SetupPrivilegeAppAccessRoles f-box, .SetupPrivilegeAppAccessDoctype f-box { margin-left:10px; } .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-blue>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-red>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-yellow>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-green>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-azure>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-black>.itsButton>span:after, .itsDropBtn>.itsDropBtnTitle>.itsFormActionBaseStyle-gray>.itsButton>span:after { border-top-color: white !important; } .itsFormActionBaseStyle-green>.itsButton { color: rgb(255, 255, 255); background-color:rgb(92, 181, 101); border-color:rgb(92, 181, 101); } .itsFormActionBaseStyle-green>.itsButton>span:active, .itsFormActionBaseStyle-green>.itsButton:active, .itsFormActionBaseStyle-green>.itsDropBtns[mode="single"]>.itsDropBtnsMainBtn:active, .itsFormActionBaseStyle-green>.itsDropBtns[mode="split"]>.itsDropBtnsMainBtn>.itsDropBtnsDropBtn:active { color: rgb(255, 255, 255); background-color:rgb(82, 171, 91); border-color:rgb(82, 171, 91); } /*Orange*/ .itsFormActionBaseStyle-orange>.itsButton { color: rgb(255, 255, 255); background-color:rgb(255, 139, 106); border-color:rgb(255, 139, 106); } .itsFormActionBaseStyle-orange>.itsButton>span:active, .itsFormActionBaseStyle-orange>.itsButton:active, .itsFormActionBaseStyle-orange>.itsDropBtns[mode="single"]>.itsDropBtnsMainBtn:active, .itsFormActionBaseStyle-orange>.itsDropBtns[mode="split"]>.itsDropBtnsMainBtn>.itsDropBtnsDropBtn:active { color: rgb(255, 255, 255); background-color:rgb(245, 129, 96); border-color:rgb(245, 129, 96); } .itsFormActionBaseStyle-red>.itsButton { color: rgb(255, 255, 255); background-color:rgb(237, 110, 100); border-color:rgb(237, 110, 100); } .itsFormActionBaseStyle-red>.itsButton>span:active, .itsFormActionBaseStyle-red>.itsButton:active, .itsFormActionBaseStyle-red>.itsDropBtns[mode="single"]>.itsDropBtnsMainBtn:active, .itsFormActionBaseStyle-red>.itsDropBtns[mode="split"]>.itsDropBtnsMainBtn>.itsDropBtnsDropBtn:active { color: rgb(255, 255, 255); background-color:rgb(227, 100, 90); border-color:rgb(227, 100, 90); } .xpdMsContentViewer > table.excelDefaults { border-spacing: 0; } .xpdMsContentViewer > .excelDefaults th, .xpdMsContentViewer > .excelDefaults td { border: 1px solid #999; border-collapse: collapse; padding: 10px; border-spacing: 0; } .xpdMsContentViewer > .excelDefaults thead th { text-align: center; background: #ddd; position: sticky; top: 0; z-index: 10; } .xpdMsContentViewer > .excelDefaults td.rowHeader { text-align: right; background: #ddd; } .XpdHWDMechanismSetupField .HWDFieldSettingsMain.itsContainerHorizontal .itsFieldTable:first-child { margin: 0 10px; } .XpdHWDMechanismSetupField .HWDFieldSettingsMain.itsContainerHorizontal .itsFieldTable.dataType .itsFieldTableContainer { margin-left: 20px; } .XpdHWDMechanismSetupField .xpdTabContainerTdBody>.xpdTabContainerBody>.tabContent.currentTab>div>.itsFieldTable:last-child { height: 308px !important; padding: 0 10px 10px 10px; } .xpdListbox>span { display: block; padding: 5px 10px; } .xpdListbox>span:not([class="itsActiveControl"]):hover { cursor: pointer; background: rgb(242, 242, 242); } /*with background*/ /*Border*/ .itsDropBtnBody>.itsButtonBorderTop { border-top:1px solid rgba(0, 0, 0,.07); margin-top: 4px; padding-top: 4px; } .itsDropBtnBody>.itsButtonBorderBottom { border-bottom:1px solid rgba(0, 0, 0,.07); margin-bottom: 4px; padding-bottom: 4px; } /**@css=\ResourcesPC\TempCSS\default\itsFormActionBaseStyles.css**/ .itsAttach { display: inline-block; width: 230px; height: 100px; margin: 0 1px 1px 0; background: rgb(152, 163, 163); position: relative; color: rgb(255, 255, 255); vertical-align: top; } .itsAttachTitle { font-size: 13px; line-height: 13px; display: block; padding: 10px 20px 0 15px; height: 40px; overflow: hidden; word-break: break-all; } .itsAttachFormat, .itsAttachDropBtn, .itsAttachDownloadBtn { position: absolute; opacity: .3; z-index: 1; } .itsAttachDropBtn:hover, .itsAttachDownloadBtn:hover { cursor: pointer; opacity: 1; transition-duration: 0.15s; } .itsAttachFormat { left: 0; bottom: 0; font-size: 36px; padding: 10px 12px; line-height: 30px; } .itsAttachDropBtn { right:0; top:0; padding: 6px 8px 0 0; } .itsAttachDownloadBtn { right: 0; bottom: 0; border: 1px solid white; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 30px; margin: 8px 12px; } .itsAttach.tif:hover, .itsAttach.tiff:hover, .itsAttach.jpg:hover, .itsAttach.gif:hover, .itsAttach.bmp:hover, .itsAttach.jpeg:hover, .itsAttach.png:hover, .itsAttach.pdf:hover, .itsAttach.txt:hover, .itsAttach.java:hover, .itsAttach.xml:hover, .itsAttach.log:hover, .itsAttach.docx:hover, .itsAttach.rtf:hover, .itsAttach.doc:hover, .itsAttach.xlsx:hover, .itsAttach.xls:hover, .itsAttach.pptx:hover, .itsAttach.ppt:hover, .itsAttach.odt:hover { cursor: pointer; transition-duration: 0.2s; } .itsAttach.tif:active, .itsAttach.tiff:active, .itsAttach.jpg:active, .itsAttach.gif:active, .itsAttach.bmp:active, .itsAttach.jpeg:active, .itsAttach.png:active, .itsAttach.pdf:active, .itsAttach.txt:active, .itsAttach.java:active, .itsAttach.xml:active, .itsAttach.log:active, .itsAttach.docx:active, .itsAttach.rtf:active, .itsAttach.doc:active, .itsAttach.xlsx:active, .itsAttach.xls:active, .itsAttach.pptx:active, .itsAttach.ppt:active, .itsAttach.odt:active { top: 1px; opacity: 1; transition-duration: 0s; } .itsAttach.xls, .itsAttach.xlsx { background: rgb(82, 190, 127); } .itsAttach.doc, .itsAttach.docx, .itsAttach.rtf, .itsAttach.odt { background: rgb(92, 172, 226); } .itsAttach.ppt, .itsAttach.pptx { background: rgb(235, 151, 78); } .itsAttach.gif, .itsAttach.tif, .itsAttach.tiff, .itsAttach.jpg, .itsAttach.bmp, .itsAttach.jpeg, .itsAttach.png { background: rgb(82, 190, 127); } .itsAttach.txt, .itsAttach.log, .itsAttach.java, .itsAttach.xml { background: rgb(92, 109, 126); } .itsAttach.pdf { background: rgb(204, 96, 85); } .itsAttachViewHide { position: absolute; top: 5px; right: 22px; opacity: .5; } .itsAttachViewHide:hover { cursor: pointer; opacity: 1; } .itsFileView { position: relative; overflow: hidden; /*фикс, чтобы убрать скроллы во вложениях #3972*/ } .itsFileView>*:not(.itsAttachViewHide) { width: 100%; margin: 0 auto; display: block; } .itsFileView>span>img { max-height: 100%; } .itsFileView>canvas { max-height: 100%; max-width: 100%; } .itsFileView>img { object-fit: contain; } .itsAttacheDropList { display: none; } .itsAttacheDropList>div { display: block !important; } .itsAttach>progress { bottom: 0; position: absolute; width: 100%; -webkit-appearance: none; border: none; } .itsAttach>progress::-webkit-progress-bar, .itsAttach>progress::-mox-progress-bar, .itsAttach>progress::-o-progress-bar, .itsAttach>progress::-ms-progress-bar, .itsAttach>progress::-progress-bar { background: transparent; } .itsAttach>progress::-webkit-progress-value, .itsAttach>progress::-mox-progress-value, .itsAttach>progress::-o-progress-value, .itsAttach>progress::-ms-progress-value, .itsAttach>progress::-progress-value { background: white; } .itsAttach>progress.blink::-webkit-progress-value, .itsAttach>progress.blink::-mox-progress-value, .itsAttach>progress.blink::-o-progress-value, .itsAttach>progress.blink::-ms-progress-value, .itsAttach>progress.blink::-progress-value { background: red !important; } .itsAttach.error { background: rgb(247, 67, 67); } .itsAttachError { position: relative; top: -10px; text-align: center; display: block; } .itsAttach.blink { animation: blink 1s linear infinite; } @-webkit-keyframes blink { 50% { opacity: 0.6; } 100% { opacity: 1; } } @keyframes blink { 50% { opacity: 0.6; } 100% { opacity: 1; } } .xpdAttachErrorMessage { bottom: 0; position: absolute; margin: 13px; } .VievAttachAvatar50 { width: 50px; height: 50px; border-radius:50%; } /* Селекторы .FormElementAttachments[formelementclass="FormAttach"]>* .itsButton .FormElementAttachments[formelementclass="FormFieldAttachment"]>* .itsButton Нужны для стилизации кнопки вложения НЕ УДАЛЯТЬ!!! */ .itsAttacheDropList>div>label { display: inline-block; width: 100%; } .FormAttach .itsButton, .FormAttach .itsButton span, .FormFieldAttachment .itsButton, .FormFieldAttachment .itsButton span, .EmbeddedButtonUploadAttachment .itsButton, .EmbeddedButtonUploadAttachment .itsButton > span { display: inline-block; font-family: 'WebHostingHub-Glyphs'; color: rgb(199, 199, 199); font-style: normal; width: 100%; height: 100%; padding: 0; line-height: 98px; font-size: 24px; } .EmbeddedButtonUploadAttachment .itsButton .icon-paperclip:before { float: none; } .EmbeddedButtonUploadAttachment .itsButton { width: 229px; border: 1px dashed rgba(105, 112, 118, .3); margin: 0; } /* заголовок на плашке вложения */ .upload_button_name .EmbeddedButtonUploadAttachment .itsButton { display: table; height:98px; max-width: 231px; word-break: break-word; } /* TODO .itsFormAttachStyle-small -> attach-v-small ??? .upload_button_name.itsFormAttachStyle-small .EmbeddedButtonUploadAttachment .itsButton { height:60px; }*/ .upload_button_name .EmbeddedButtonUploadAttachment .itsButton > span { font-size: 13px; font-family: "Verdana"; white-space: initial; line-height: initial; display: table-cell; vertical-align: middle; color: #777; padding: 0 5px; box-sizing: border-box; } .upload_button_name .EmbeddedButtonUploadAttachment .itsButton > span:hover { background-color: transparent; } .upload_button_name .EmbeddedButtonUploadAttachment .itsButton:hover { background-color: rgba(0, 0, 0, .05); cursor: pointer; } /* * fix attachments height TODO .itsFormAttachStyle-small -> attach-v-small ??? */ /*.DocumentAttachmentsList.upload_button_name.itsFormAttachStyle-small { max-height: 62px; overflow: hidden; }*/ /*.DocumentAttachmentsList.upload_button_name,*/ /* убрал в рамках 7005 так как приводило к некорректному отображению */ .DocumentAttachmentsList.upload_button_name>.EmbeddedButtonUploadAttachment { height: 100px; } /* TODO .itsFormAttachStyle-small -> attach-v-small ??? .DocumentAttachmentsList.upload_button_name.itsFormAttachStyle-small>.EmbeddedButtonUploadAttachment { height: 62px; }*/ .DocumentAttachmentsList.upload_button_name.itsFormAttachStyle-attachment-read-mode-stylize, .DocumentAttachmentsList.upload_button_name.itsFormAttachStyle-attachment-read-mode-stylize>.EmbeddedButtonUploadAttachment{ height: auto; } @media print { .itsMWbody { position: fixed; height: 100%; top: 0; left: 0; width: 100%; } .viewer-container .viewer-canvas img { max-width: 100%; height: auto !important; } .icon-remove { display: none; } } [mode="modeler"], [mode="view"] { position: relative; } .itsMWbody > .bpmn_element_setting .itsFieldTable { padding-right: 15px; box-sizing: border-box; } .itsMWbody > .bpmn_element_setting .tabButton.code .tabTitle { color: rgb(225, 112, 85); } /* логотип */ .bjs-powered-by img { width: 30px; height: 30px; } [its-completed-step="true"] .djs-visual > :nth-child(3) { display: none; } /* точка входа */ [bpmn-type="bpmn:StartEvent"] .djs-visual > :nth-child(1) { stroke: rgb(46, 213, 115) !important; } /* стрелка */ /*.djs-connection > .djs-visual > path { }*/ /* точка выхода */ [bpmn-type="bpmn:EndEvent"] .djs-visual > :nth-child(1) { stroke: rgb(255, 99, 72) !important; } /* задача */ [bpmn-type="bpmn:UserTask"] .djs-visual > :nth-child(1), [bpmn-type*="Task"] .djs-visual > :nth-child(1), [bpmn-type*="SubProcess"] .djs-visual > :nth-child(1) { fill: rgb(255, 250, 200) !important; stroke: rgba(253, 203, 110, .7) !important; } [bpmn-type*="SubProcess"] .djs-visual > * { fill: rgb(255, 250, 200) !important; } /* активная задача */ .highlight-bpmn-task .djs-visual > :nth-child(1) { stroke: rgb(255, 99, 72) !important; fill: rgba(255, 99, 72, .2) !important; stroke-width: 3px !important; stroke-dasharray: 7 3; stroke-dashoffset: 0; animation: active_task 8s linear forwards; animation-iteration-count: 1000; } [bpmn-type="bpmn:IntermediateThrowEvent"] .djs-visual > :nth-child(1), [bpmn-type="bpmn:IntermediateCatchEvent"] .djs-visual > :nth-child(1) { fill: rgb(255, 250, 200) !important; stroke: rgba(253, 203, 110, .7) !important; } [bpmn-type="bpmn:IntermediateCatchEvent"] .djs-visual > * { fill: rgb(255, 250, 200) !important; } @keyframes active_task { from { stroke-dashoffset: 100; } to { stroke-dashoffset: 0; } } /* шлюз */ [bpmn-type*="Gateway"] .djs-visual > :nth-child(1) { stroke: transparent !important; fill: rgb(253, 203, 110) !important; } [bpmn-type*="Gateway"] .djs-visual > :nth-child(2) { fill: rgba(0, 0, 0, .7) !important; stroke: transparent !important; } /* текст */ .viewport .djs-element text { fill: rgba(0, 0, 0, .7) !important; } .properties-panel-parent { background-color: #f8f8f8; } [mode="modeler"] { position: relative; } .scroll-line-hor { position: absolute; bottom: 0; height: 10px; width: 100%; } .scroll-line-hor > .scroll-line-hor-cont { border-radius: 32px; height: 100%; width: 100%; min-width: 400px; background-color: rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .scroll-line-hor > .scroll-line-hor-cont > .scroll-line-hor-slider { position: absolute; height: 100%; width: 40%; min-width: 350px; background-color: rgba(185, 185, 185, 1); border-radius: 32px; cursor: move; } .scroll-line-ver { position: absolute; right: 0; height: 100%; width: 10px; top: 0; } .scroll-line-ver > .scroll-line-ver-cont { border-radius: 32px; height: 100%; width: 100%; margin: auto; background-color: rgba(0, 0, 0, 0.1); overflow: hidden; position: relative; } .scroll-line-ver > .scroll-line-ver-cont > .scroll-line-ver-slider { position: absolute; height: 50%; width: 100%; min-height: 140px; background-color: rgba(185, 185, 185, 1); border-radius: 32px; cursor: move; } .edit_mode .scroll-line-ver { right: 260px; } .edit_mode .scroll-line-hor > .scroll-line-hor-cont { margin: 0 0 0 0; } [mode="modeler"] .icon-resize-full, [mode="view"] .icon-resize-full { position: absolute; top: 10px; right: 22px; color: rgba(0, 0, 0, 0.2); font-size: 24px; cursor: pointer; transform: scale(1, -1); } [mode="modeler"] .icon-resize-full:hover, [mode="view"] .icon-resize-full:hover { color: rgba(0, 0, 0, 0.3); } .edit_mode [mode="modeler"] .icon-resize-full, .edit_mode [mode="view"] .icon-resize-full { right: 280px; } [mode="modeler"] .bjs-powered-by > img, [mode="view"] .bjs-powered-by > img { width: 40px; height: 40px; } [mode="modeler"] .djs-palette, [mode="view"] .djs-palette { top: 2px !important; left: 2px !important; } .viewer-place { position: absolute; opacity: 1; top: 0; margin: 10px; color: rgba(0, 0, 0, 0.4); } .bpmn-title-dom { display: none; position: absolute; top: -54px; left: 8px; padding: 3px 5px; background-color: #FFFFFF; border: 1px solid #000; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); z-index: 1001; } [mode="modeler"] .diagram-note { opacity: 0; background-color: rgba(66, 180, 21, 0.7); color: White; border-radius: 5px; font-family: Arial; font-size: 12px; padding: 5px; min-height: 16px; text-align: center; } [mode="modeler"] .showItsOverlay > .diagram-note { opacity: 1; } [mode="modeler"] .needs-discussion:not(.djs-connection) .djs-visual > :nth-child(1) { stroke: rgba(66, 180, 21, 0.7) !important; } [mode="modeler"] .digram-overlay-dom-widget { position: absolute; top: 0; left: 0; } [mode="modeler"] .digram-overlay-dom-widget > div { background-color: rgba(66, 180, 21, 0.7); color: White; border-radius: 5px; font-family: Arial; font-size: 12px; padding: 5px; min-height: 16px; text-align: center; margin-bottom: 3px; } .djs-overlay > .task-complete-index { background-color: rgb(71, 172, 80); padding: 6px; width: 26px; text-align: center; height: 26px; color: #fff; font-weight: bold; box-sizing: border-box; border-radius: 33px; } .bpmn-title-dom .in-history-img { width: 32px; height: 32px; overflow: hidden; border-radius: 16px; } .bpmn-title-dom .in-history-img > img { width: 100%; } .bpmn-title-dom .overlay-history > * { display: inline-block; vertical-align: middle; } .bpmn-title-dom .in-history-nick { padding: 0 4px; width: 136px; overflow: hidden; } .bpmn-title-dom .in-history-date { font-size: 12px; } .bpmn-title-dom .overlay-history { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 2px 0; box-sizing: border-box; } .bpmn-title-dom .overlay-history:last-child { border-bottom: 0; } /*Маленькое меню*/ [mode="modeler"] .djs-palette .entry, [mode="modeler"] .djs-palette .djs-palette-toggle { width: 32px; height: 32px; line-height: 32px; cursor: default; } [mode="modeler"] .djs-palette { width: 34px; } [mode="modeler"] .djs-palette.two-column.open { width: 66px; } /*Zoom*/ .zoom-controls { width: auto; position: absolute; right: 15px; bottom: 68px; } [mode="modeler"] .zoom-controls { right: 280px; } .zoom-controls .io-control-list { list-style: none; padding: 5px; margin: 0; } .zoom-controls .io-control { background: #FFF; border-radius: 2px; border: solid 1px #E0E0E0; padding: 5px; } .bjs-powered-by { padding: 0 0 5px 7px; } [mode="modeler"] .bjs-powered-by { right: 280px !important; } .zoom-controls li { text-align: center; } .zoom-controls li > button > span { font-size: 15px; } .zoom-controls li > button { width: 29px; } .zoom-controls .io-zoom-reset { margin-bottom: 10px; } .zoom-controls .io-control-list a, .zoom-controls .io-control-list a:visited, .zoom-controls .io-control-list button { padding: 0; outline: none; cursor: pointer; font-size: 22px; line-height: 26px; color: #555555; background: none; border: none; } .bpmn_element_setting .BpmnSetupFormElementsEffect .itsViewRefreshButton > div, .bpmn_element_setting .BpmnSetupFormElementsEffect .itsViewFirstColumn > div { width: 12px; } .bpmn_element_setting .BpmnSetupFormElementsEffect .itsViewRefreshButton > div:before { display: none; } .bpmn_element_setting .BpmnSetupFormElementsEffect .itsCombobox > .itsInputBody { min-width: 200px; } .bpmn_element_setting .BpmnSetupFormElementsEffect .itsComboboxInput { border-left: 0; } .bpmn_element_setting .BpmnSetupFormElementsEffect .icon-trash { padding: 5px 0 0 10px; color: rgb(230, 70, 70); opacity: .6; } .bpmn_element_setting .BpmnSetupFormElementsEffect .icon-trash:hover { opacity: 1; cursor: pointer; } .BpmnSelectParticipants .itsFeedInterlacedBackground > div { background: transparent; } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock { border: 1px solid rgb(190, 190, 190); margin: 10px 15px; background: #fff; position: relative; } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock:before { content: ""; display: block; position: absolute; top: 30px; right: 40px; bottom: 0; left: 0; z-index: 1; } .BpmnSelectParticipants .BpmnSelectParticipantsSourceItems { padding: 5px 0 0 5px; box-sizing: border-box; background: #fff; } .BpmnSelectParticipants .BpmnSelectParticipantsSourceItem { border-bottom: 1px solid rgb(240, 240, 240); } .BpmnSelectParticipants .BpmnSelectParticipantsItem { position: relative; } .BpmnSelectParticipants .BpmnSelectParticipantsItem:after { content: '\00d7'; font-family: 'WebHostingHub-Glyphs'; background: none; width: 40px; height: 40px; font-style: normal; display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; color: rgb(220, 220, 220); line-height: 40px; text-align: center; font-size: 14px; } .BpmnSelectParticipants .BpmnSelectParticipantsItem:hover:after { color: rgba(230, 70, 70, .6); } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock.active { border: 1px solid rgb(34, 93, 167); } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock .BpmnSelectParticipantsLaneInfo { background: rgb(150, 150, 150); color: #fff; line-height: 30px; padding: 0 10px; } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock.active .BpmnSelectParticipantsLaneInfo { background: rgb(34, 93, 167); } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock .BpmnSelectParticipantsLaneInfo:hover { opacity: .85; } .BpmnSelectParticipants .BpmnSelectParticipantsLaneBlock .BpmnSelectParticipantsItem { border-top: 1px solid rgb(240, 240, 240); } /*----VER 8 ---*/ .edit_mode [ver="8"] .scroll-line-ver { right: 315px; } .edit_mode [ver="8"] .scroll-line-ver { } .edit_mode [mode="modeler"][ver="8"] .icon-resize-full, .edit_mode [mode="view"][ver="8"] .icon-resize-full{ right: 335px; } [mode="modeler"][ver="8"] .bjs-powered-by { right: 27px !important; } [mode="modeler"][ver="8"] .zoom-controls { right: 335px; } [ver="8"] #properties-panel-parent { max-width: 310px; min-width: 310px; } .itsButton { position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 1px; user-select: none; border: 1px solid rgba(0, 0, 0, .15); color: rgb(120, 120, 120); line-height: 17px; margin: 0 2px; background: #fff; } .itsButton > span:before { position: relative; right: 5px; } .itsButton > span:empty:before { position: relative; right: 0; } @-moz-document url-prefix() { .itsButton > span { font-size: 12px; } } .itsButton > span[class|=icon]:before { float: left; } .itsButton > span { padding: 6px 12px; display: inline-block; line-height: 16px; height: 16px; vertical-align: top; } [disabled] .itsButton > span:hover { cursor: initial; } .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { background-color: rgba(0, 0, 0, .05); cursor: pointer; border-radius: 2px; } /*click button effect*/ .itsButton > span:hover { background-color: rgba(0, 0, 0, .01); } .itsButton:before { content: ''; background-color: aliceblue; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.1); transform: scale(0.000001, 1); } @-moz-document url-prefix() { .itsButton:before { height: 0; } .itsButton.animate:before { height: auto; } } @supports (-ms-ime-align:auto) { .itsButton:before { height: 0; } .itsButton.animate:before { height: auto; } } .itsButton.animate:before { animation: effect_dylan 1.0s ease-out; } @keyframes effect_dylan { 50% { transform: scale(1.5, 1.5); opacity: 0; } 99% { transform: scale(0.001, 0.1); opacity: 0; } 100% { transform: scale(0.001, 0.1); opacity: 1; } } .itsButton { overflow: hidden; cursor: pointer; } /*click button effect-end*/ .itsInputBody.itsDateTimePicker[disabled] .itsButton > span:hover { background-color: transparent; } .itsButton.active > span { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); border-radius: 2px; } /*Property map button*/ .itsFieldEditButton > .itsButton > span { height: 12px; } .itsFieldEditButton > .itsButton { border-radius: 0; } div > .itsFieldEditButton:last-child > .itsButton { border-radius: 2px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .itsFieldEditButton > .itsButton { position: relative; left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; margin: 0; } .itsFieldEditButton > .itsButton > span:before { bottom: 2px; color: rgb(100, 100, 100); } /*DopForm button*/ .itsDopForm > .itsScrollPanelTop > span > .itsButton { line-height: 28px; display: block; text-decoration: none; border-radius: 2px; color: rgb(66, 139, 202); border: 1px solid transparent; background: transparent; } .itsDopForm > .itsScrollPanelTop > span > .itsButton:hover { background: rgb(238, 238, 238); } .itsDopForm > .itsScrollPanelTop > .itsDopFormBtnFocus > .itsButton, .itsDopForm > .itsScrollPanelTop > .itsDopFormBtnFocus > .itsButton:hover { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); opacity: 1; } @media print { .itsPrintButton, .itsPrintButton * { display: none !important; } .scrollPrintBody * { overflow: visible !important; } } /*Blue*/ .itsButtonStyle-blue > .itsButton { color: rgb(255, 255, 255); background-color: rgb(88, 171, 223); border-color: rgb(88, 171, 223); } .itsButtonStyle-blue > .itsButton > span:hover, .itsButtonStyle-blue > .itsButton:hover, .itsButtonStyle-blue > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-blue > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(78, 161, 213); border-color: rgb(78, 161, 213); } /*Red*/ .itsButtonStyle-red > .itsButton { color: rgb(255, 255, 255); background-color: rgb(237, 110, 100); border-color: rgb(237, 110, 100); } .itsButtonStyle-red > .itsButton > span:hover, .itsButtonStyle-red > .itsButton:hover, .itsButtonStyle-red > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-red > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(227, 100, 90); border-color: rgb(227, 100, 90); } /*yellow*/ .itsButtonStyle-yellow > .itsButton { color: rgb(255, 255, 255); background-color: rgb(255, 189, 100); border-color: rgb(255, 189, 100); } .itsButtonStyle-yellow > .itsButton > span:hover, .itsButtonStyle-yellow > .itsButton:hover, .itsButtonStyle-yellow > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-yellow > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(245, 179, 90); border-color: rgb(245, 179, 90); } /*Green*/ .itsButtonStyle-green > .itsButton { color: rgb(255, 255, 255); background-color: rgb(92, 181, 101); border-color: rgb(92, 181, 101); } .itsButtonStyle-green > .itsButton > span:hover, .itsButtonStyle-green > .itsButton:hover, .itsButtonStyle-green > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-green > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(82, 171, 91); border-color: rgb(82, 171, 91); } /*Azure*/ .itsButtonStyle-azure > .itsButton { color: rgb(255, 255, 255); background-color: rgb(95, 207, 253); border-color: rgb(95, 207, 253); } .itsButtonStyle-azure > .itsButton > span:hover, .itsButtonStyle-azure > .itsButton:hover, .itsButtonStyle-azure > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-azure > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(85, 197, 243); border-color: rgb(85, 197, 243); } /*Black*/ .itsButtonStyle-black > .itsButton { color: rgb(255, 255, 255); background-color: rgb(145, 145, 145); border-color: rgb(145, 145, 145); } .itsButtonStyle-black > .itsButton > span:hover, .itsButtonStyle-black > .itsButton:hover, .itsButtonStyle-black > .itsDropBtns[mode="single"] > .itsDropBtnsMainBtn:hover, .itsButtonStyle-black > .itsDropBtns[mode="split"] > .itsDropBtnsMainBtn > .itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color: rgb(135, 135, 135); border-color: rgb(135, 135, 135); } /*Blue*/ .itsFormButtonStyle-blue>.itsButton { color: rgb(255, 255, 255); background-color:rgb(88, 171, 223); border-color:rgb(88, 171, 223); } .itsFormButtonStyle-blue>.itsButton>span:hover, .itsFormButtonStyle-blue>.itsButton:hover, .itsFormButtonStyle-blue>.itsDropBtns[mode="single"]>.itsDropBtnsMainBtn:hover, .itsFormButtonStyle-blue>.itsDropBtns[mode="split"]>.itsDropBtnsMainBtn>.itsDropBtnsDropBtn:hover { color: rgb(255, 255, 255); background-color:rgb(78, 161, 213); border-color:rgb(78, 161, 213); } .xpdDlgButtonOk >.itsButton, .xpdDlgButtonYes >.itsButton { color: rgb(255, 255, 255); background-color:rgb(92, 181, 101); border-color:rgb(92, 181, 101); } /**@css=\ResourcesPC\TempCSS\default\itsFormButtonStyles.css**/ .xpdComposeLabelsContainer { border: 1px solid rgb(220, 220, 220); min-height: 24px; /*25*/ /*5454*/ position: relative; background: white; white-space: normal; } .xpdComposeLabelsContainer>div:not(.xpdComposeLabel) { width: 300px; } .xpdComposeLabelsContainer>div { display: inline-block; vertical-align: top; max-width: 400px; white-space: nowrap; overflow: hidden; position: relative; border-radius: 1px; } .xpdComposeLabelsContainer>div>input { border: none; height: 24px; vertical-align: top; /*5454*/ } .xpdComposeLabelTitle>div>input { border: none; margin: 0; width: auto; box-shadow: none; position: relative; bottom: 2px; } .edit, .edit>.xpdComposeLabelTitle, .edit>.xpdComposeLabelTitle:hover, .edit>.xpdComposeLabelTitle>* { background: white !important; color: black !important; } .notOne>.xpdComposeLabelNew { border-bottom: 1px dotted rgb(220, 220, 220); } .notOne>.xpdComposeLabel { border-bottom: 1px solid rgb(220, 220, 220); } .xpdComposeLabelNew { border-right: 1px dotted rgb(220, 220, 220); height: 100%; vertical-align: top; display: inline-block; } .xpdComposeLabelDel { /*width: 25px; height: 25px;*/ width: 24px; height: 24px; position: absolute; top: 1px; right: 0; line-height:18px; text-align: center; } .xpdComposeLabelDel:before { content: '\00d7'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; width: 10px; height: 10px; opacity: .25; font-size: 7px; border-radius: 50%; padding: 5px; box-sizing: border-box; color:#fff; margin-left: 1px; } @-moz-document url-prefix() { /*Хаки дизайна мозилы, под новые itsField поля*/ .xpdComposeLabelDel:before { padding: 5px 6px; } .xpdComposeLabelDel { top: 1px; } } .xpdComposeLabelDel:hover:before { cursor: pointer; opacity:1; background: rgba(255, 78, 69,.75) !important; color: rgb(255, 255, 255) !important; border-radius: 50%; } .edit>.xpdComposeLabelTitle { padding: 2px 0; } .edit>.xpdComposeLabelTitle>div { height: 20px; overflow: hidden; } .xpdComposeLabelTitle { display: inline-block; padding: 2px 25px 2px 7px; height: 20px; vertical-align: top; line-height: 20px; text-overflow: ellipsis; width: 100%; box-sizing: border-box; overflow: hidden; } @-moz-document url-prefix() { .xpdComposeLabelTitle { padding-top:1px; height:auto; } } .xpdComposeLabelsWrap { display: inline-block; vertical-align: top; position: relative; z-index: 1; } [sticky-elem-horizontal],[sticky-elem-vertical] { z-index: 1; } .itsContextMenu, .itsDropBtnBody { position: absolute; z-index: 500; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .itsContextMenu > li, .itsDropBtnBody [class*="action-c"][class*="action-v"] .itsButton, .itsDropBtnBody .itsButton { display: block; padding: 3px 20px; color: rgb(51, 51, 51); white-space: nowrap; font-size: 14px; line-height: 20px; position: relative; } .itsContextMenu > li:hover, .itsDropBtnBody [class*="action-c"][class*="action-v"] .itsButton:hover, .itsDropBtnBody [class*="action-c"][class*="action-v"] .itsButton:hover, .itsDropBtnBody .itsDropBtnTitle .itsButton:hover { color: rgb(21, 21, 21); background-color: rgba(0, 0, 0, .04); cursor: pointer; } .itsContextMenuArrow > .itsContextMenu { display: none; margin-top: -6px; } .itsContextMenuSeparator { height: 1px; margin: 9px 0; overflow: hidden; background-color: rgb(229, 229, 229); display: block; } .itsContextMenuTitle { display: block; white-space: nowrap; text-align: center; background: rgb(235, 235, 235); position: relative; top: -5px; padding: 0 20px; line-height: 36px; } .itsContextMenuArrow:after { content: ""; border: 5px solid transparent; border-left-color: rgb(128, 128, 128); display: inline-block; position: absolute; top: 8px; right: 0; } .itsContextMenuArrow:hover:after { border-left-color: rgb(255, 255, 255); } .itsMW, .itsMWmask { position: absolute; height: 100%; width: 100%; overflow: auto; top: 0; left: 0; } /*.itsMW { opacity: 0; }*/ .itsMWmask { opacity: 0.7; z-index: 999; } .itsMWfooter:empty { display: none; } .itsMWwindow { height: auto; width: auto; box-shadow: 0 0 60px rgba(0, 0, 0, .4); position: relative; display: inline-block; /*max-width: 90%;*/ z-index: 1000; } @supports (-ms-ime-align:auto) { .itsMWwindow { overflow: auto; } } .itsMWwindow > .itsMWtitle > .full_screen { position: absolute; right: 40px; color: rgba(0, 0, 0, .15); cursor: pointer; } .itsMWwindow > .itsMWtitle > .full_screen:hover { color: #777; } .itsMWwindow > .itsMWtitle > .full_screen:before { content: "\25ad"; font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 11px; font-weight: bold; } .itsMWwindow > .itsMWtitle > .full_screen.remove_fullscreen:before { content: "\f30d"; font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 12px; } .itsMWbody.FullScreenMode > div/*div #8054*/, .itsMWbody.FullScreenMode > div > .itsInput { width: 100% !important; height: 100% !important; } .itsMWtitle/*, itsMWbody*/ {/*?? bag*/ width: 100%; } .itsMWbody .xpdSimpleErrorPage { padding: 20px 30px; } .itsMWtitle:hover { cursor: move; } .itsMWtitle { height: 40px; font-family: Verdana; font-size: 15px; line-height: 40px; box-sizing: border-box; padding-right: 40px; } .itsMWtitle > span { margin: 0 20px; } .itsMWfooter { border-top: 1px solid rgba(235, 235, 235, 1); background: #fff; height: 54px; padding: 12px; box-sizing: border-box; position: relative; top: 0; } .itsMWfooter .itsButton { min-width: 100px; } .itsMWfooter .itsButton > span { min-width: 76px; } .itsMWfooter:empty { top: 0; } .itsMWfooter > span { display: inline-block; } .itsMWfooter > .itsMWsystemBtn { display: inline-block; position: absolute; top: 12px; right: 10px; } .itsMWclose { height: 40px; width: 40px; position: absolute; top: 0; right: 0; text-align: center; } .itsMWclose:before { display: inline-block; position: absolute; font-size: 11px; right: 0; width: 40px; height: 100%; } .itsMWclose:hover, .itsMWclose:hover:after { cursor: pointer; } .itsMWbody { height: 100%; overflow: auto; min-width: 400px; background: rgb(242, 242, 242); } .itsMWbody .itsViewBody { background: #fff; } .itsMWpadding .itsMWbody { padding: 20px 20px; } .itsMWtitle { color: #555; } .itsMWclose:hover, .itsMWclose:hover:before { color: #777; } .itsMWmask, .itsMWwindow { background: rgb(255, 255, 255); } .itsMWclose:before { color: rgba(0, 0, 0, .15); } .itsMWclose:before { border-left: 1px solid rgba(255, 255, 255, .2); } .itsMWtitle { border-bottom: 1px solid rgb(230, 230, 230); } .itsMWbody .itsScrollPanelTop > * { margin: 10px 0 0 10px; } .itsMWbody .xpdDocumentFieldsToolbar.itsScrollPanelTop>.itsDropBtn { margin: 10px 0 0 2px; } /*---------Message type----------*/ .message_setup_form .itsMWbody { padding: 10px 20px; overflow: hidden; } .message_setup_form textarea { min-height: 200px; } .message_setup_form .message_evaluate_tester { position: relative; font-size: 12px; right: 20px; bottom: 35px; z-index: 9; background-color: #fff; } .message_setup_form_body { height: 100%; width: 100%; overflow: auto; text-align: right; } /*---------Lua help----------*/ .lua_help_form .currentTab { border-top: 0 !important; } .lua_help_form .itsViewScrollBody td:first-child { color: rgb(2, 140, 113); } /*---------Database selection----------*/ .itsPickDataBaseMain { overflow: hidden; } /*---------APP Personal----------*/ .xpdModalDischargeUser .xpdModalUserPostActionsAvatar, .xpdModalUserLock .xpdModalUserPostActionsAvatar { width: 121px; height: 121px; background: url('?.handler=resources&name=images/avatar_default_128.png'); float: right; } .ModalNewUserPost .xpdModalUserPostActionsAvatar, .ModalMoveUserPost .xpdModalUserPostActionsAvatar, .ModalRemoveUserPost .xpdModalUserPostActionsAvatar { width: 123px; height: 123px; position: absolute; right: 0; top: 38px; background: url('?.handler=resources&name=images/avatar_default_128.png'); } .xpdModalDischargeUser > .itsInput { padding: 0 130px 0 30px; box-sizing: border-box; } .xpdModalDischargeOrg > span, .xpdModalDischargeUser > span, .xpdModalUserLock > span { padding: 20px 30px; display: inline-block; vertical-align: top; } .xpdModalDischargeUser { width: 600px; } .xpdModalDischargeOrg { width: 400px; } .ModalAssignUserPost, .ModalMoveUserPost, .ModalRemoveUserPost { width: 830px; } .xpdModalNewViewPosts { width: 100%; } .xpdModalNewViewPosts .user_post { color: rgb(29, 185, 84); } .xpdModalNewViewPosts .staff_unit { padding: 0 15px; line-height: 22px; display: inline-block; border-radius: 4px; position: relative; background: rgb(29, 185, 84); color: #fff; font-weight: normal; } .ModalNewUserPost .xpdModalNewViewReplacements, .ModalMoveUserPost .xpdModalMoveViewReplacements, .ModalRemoveUserPost .xpdModalRemoveViewReplacements { width: 708px; height: 121px !important; } .ModalNewUserPost .xpdModalNewViewReplacements .itsViewScrollBody, .ModalMoveUserPost .xpdModalMoveViewReplacements .itsViewScrollBody, .ModalRemoveUserPost .xpdModalRemoveViewReplacements .itsViewScrollBody { height: 88px !important; } .ModalNewUserPost .itsViewBody > div > div > table > tbody > tr:nth-child(odd), .ModalMoveUserPost .itsViewBody > div > div > table > tbody > tr:nth-child(odd), .ModalRemoveUserPost .itsViewBody > div > div > table > tbody > tr:nth-child(odd) { background: #fff; } .ModalNewUserPost .xpdModalNewViewReplacements .itsViewBody > div > div > table > tbody > tr, .ModalNewUserPost .xpdModalNewViewReplacements .itsViewBody { background: rgb(245, 245, 245); color: rgb(90, 90, 90); } .ModalRemoveUserPost .itsViewBody > div > div > table > tbody > tr:not(.itsFeedHover), .ModalMoveUserPost .itsViewBody > div > div > table > tbody > tr:not(.itsFeedHover), .ModalAssignUserPost .xpdModalNewViewPosts .itsViewBody > div > div > table > tbody > tr:not(.itsFeedHover) { color: rgb(130, 130, 130); } .ModalNewUserPost:after, .ModalMoveUserPost:after { content: ""; display: block; width: 100%; position: absolute; top: 160px; border-top: 2px solid rgb(230, 230, 230); } .ModalMoveUserPost .xpdModalMoveViewPosts { width: 830px; height: 300px !important; } .ModalAssignUserPost .itsViewSearch, .ModalMoveUserPost .itsViewSearch { margin: 15px 0 0 10px; } .ModalAssignUserPost > .itsContainerHorizontal { padding: 7px 0 2px 0; } .ModalMoveUserPost > .itsContainerHorizontal { padding: 3px 0; } .XpdChooseAssignPostSetup .MainPlace .itsCheckbox { margin: 7px 0 0 30px; } .ModalAssignUserPost > .itsContainerHorizontal > .itsField, .ModalMoveUserPost > .itsContainerHorizontal > .itsField { width: auto; max-width: 270px; margin-right: 50px; margin-bottom: 0; } .ModalAssignUserPost > .itsContainerHorizontal > .itsField .itsCheckbox { margin-top: 6px; } .ModalAssignUserPost > .itsContainerHorizontal > .itsField:nth-child(2n) .itsFieldInput, .ModalMoveUserPost > .itsContainerHorizontal > .itsField:nth-child(2n) .itsFieldInput { width: 42px; } /*---------Button fields----------*/ .itsMWbody .xpdDocumentFieldsToolbar { __padding: 0 10px 10px 0; __margin-top: -10px; } .itsMWbody .xpdDocumentDxl { overflow: auto; height: 550px; padding: 0 10px; width: 100%; box-sizing: border-box; } .xpdDocumentFieldsToolbar .search_type { width: auto; } .xpdDocumentFieldsToolbar [type-radiogroup] { margin-top: 12px; } .xpdDocumentFields .unid:before { color: rgb(var(--purpleA700)); } .xpdDocumentFields .icon-at:before, .xpdDocumentFields .icon-pencil:before, .xpdDocumentFields .icon-bookthree:before { color: rgb(var(--greenA700)); } .xpdDocumentFields .itsTree .Size { color: mediumblue; position: absolute; right: 0; } /*---------Download jar----------*/ .ModalDownloadJar { height: 300px; width: 400px; text-align: center; } /*--------6360 (System style to Picklist MO)---------*/ .PersonalPickUserModalInspection > .itsContainerVertical > .itsContainerHorizontal:last-child > div:first-child { margin-top: 4px; padding-bottom: 0; } .PersonalPickUserModalInspection > .itsContainerVertical > .itsContainerHorizontal:last-child > div:last-child { margin-top: 8px; padding-bottom: 0; } .itsFieldHistoryChanges .xpdBorderContainerRegionC>f-box { display: table; } .XpdPicklistNABRight{ float: right !important; padding-right: 10px; width: auto; } .XpdPicklistNABLeft { width: auto; } .XpdPicklistNABLeft>f-name-l { width: auto; } /*Dialog resize */ :root { --dialog-size-resize-blocks: 12px; --dialog-size-resize-blocks-x2: 24px; --dialog-size-resize-color: rgb(240, 173, 78); --padding-size:6px; --padding-size-x--1:-6px; } .itsResizeBarTop, .itsResizeBarBottom, .itsResizeBarLeft, .itsResizeBarRight { width: 100%; height: 7px; position: absolute; cursor: n-resize; } .itsResizeBarLeft, .itsResizeBarRight { height: calc(100% - var(--dialog-size-resize-blocks-x2)); width: 7px; top: var(--dialog-size-resize-blocks); z-index: 100; cursor: e-resize; } .itsResizeBarLeft { left: -1px; } .itsResizeBarRight { right: -1px; } .ace_editor .itsResizeBarLeft { left: 0; } .ace_editor .itsResizeBarRight { right: 0; } .itsResizeBarTop { top: 0; left: var(--dialog-size-resize-blocks); width: calc(100% - var(--dialog-size-resize-blocks-x2)); } .itsResizeBarBottom { bottom: 0; left: var(--dialog-size-resize-blocks); width: calc(100% - var(--dialog-size-resize-blocks-x2)); } .itsResizeBarTop, .itsResizeBarBottom { z-index: 100; } .itsResizeBarBottom:hover { border-bottom: 1px solid var(--dialog-size-resize-color); } .itsResizeBarTop:hover { border-top: 1px solid var(--dialog-size-resize-color); } .itsResizeBarLeft:hover { border-left: 1px solid var(--dialog-size-resize-color); } .itsResizeBarRight:hover { border-right: 1px solid var(--dialog-size-resize-color); } .itsResizeBarBlock { position: absolute; width: var(--dialog-size-resize-blocks); height: var(--dialog-size-resize-blocks); z-index: 100; cursor: nwse-resize; } .itsResizeBarBlock.itsResizeBarTopLeft:hover { border-top: 1px solid var(--dialog-size-resize-color); border-left: 1px solid var(--dialog-size-resize-color); } .itsResizeBarTopRight { right: 0; cursor: nesw-resize; } .itsResizeBarBlock.itsResizeBarTopRight:hover { border-top: 1px solid var(--dialog-size-resize-color); border-right: 1px solid var(--dialog-size-resize-color); } .itsResizeBarBottomLeft { bottom: 0; cursor: nesw-resize; } .itsResizeBarBottomLeft:hover { border-bottom: 1px solid var(--dialog-size-resize-color); border-left: 1px solid var(--dialog-size-resize-color); } .itsResizeBarBottomRight { bottom: 0; right: 0; cursor: nwse-resize; } .itsResizeBarBottomRight:hover { border-bottom: 1px solid var(--dialog-size-resize-color); border-right: 1px solid var(--dialog-size-resize-color); } .itsMWbody.allowResize { min-width: 100%; } .itsMWbody.allowResize>div { width: 100% !important; height: 100% !important; } .itsMWbody.allowResize>div .itsScrollPanelBody { width: 100% !important; height: calc(100% - 40px) !important; } .itsMWbody.allowResize.FullScreenMode { width: auto !important; } /*---Resize MW---*/ .itsMW .itsMWtitle>.itsResizeBarLeft, .itsMW .itsMWtitle>.itsResizeBarRight { height: calc(100% - var(--dialog-size-resize-blocks-x2)); top: var(--dialog-size-resize-blocks); width: 2px; padding: 0 var(--padding-size); z-index: 100; cursor: e-resize; border: 0; } .itsMW .itsMWtitle>.itsResizeBarTop, .itsMW .itsMWfooter>.itsResizeBarBottom { height: 2px; width: calc(100% - var(--dialog-size-resize-blocks-x2)); padding: var(--padding-size) 0; z-index: 100; cursor: n-resize; border: 0; } .itsMW .itsMWtitle>.itsResizeBarLeft { left: var(--padding-size-x--1); } .itsMW .itsMWtitle>.itsResizeBarRight { right: var(--padding-size-x--1); } .itsMW .itsMWtitle>.itsResizeBarTop { top: var(--padding-size-x--1); } .itsMW .itsMWfooter>.itsResizeBarBottom { bottom: var(--padding-size-x--1); } .itsMW .itsMWtitle>.itsResizeBarLeft:after, .itsMW .itsMWtitle>.itsResizeBarRight:after, .itsMW .itsMWtitle>.itsResizeBarTop:after, .itsMW .itsMWfooter>.itsResizeBarBottom:after { content: ''; width: 100%; height: 100%; display: block; } .itsMW .itsMWtitle>.itsResizeBarLeft:hover:after, .itsMW .itsMWtitle>.itsResizeBarRight:hover:after, .itsMW .itsMWtitle>.itsResizeBarTop:hover:after, .itsMW .itsMWfooter>.itsResizeBarBottom:hover:after { background-color: var(--dialog-size-resize-color); } .itsMW .itsMWtitle>.itsResizeBarBlock.itsResizeBarTopLeft:hover { border-top: 2px solid var(--dialog-size-resize-color); border-left: 2px solid var(--dialog-size-resize-color); } .itsMW .itsMWtitle>.itsResizeBarBlock.itsResizeBarTopRight:hover { border-top: 2px solid var(--dialog-size-resize-color); border-right: 2px solid var(--dialog-size-resize-color); } .itsMW .itsMWtitle>.itsResizeBarBottomLeft:hover { border-bottom: 2px solid var(--dialog-size-resize-color); border-left: 2px solid var(--dialog-size-resize-color); } .itsMW .itsMWtitle>.itsResizeBarBottomRight:hover { border-bottom: 2px solid var(--dialog-size-resize-color); border-right: 2px solid var(--dialog-size-resize-color); } /*.itsResizeBarTop { top: 0; left: var(--dialog-size-resize-blocks); width: calc(100% - var(--dialog-size-resize-blocks-x2)); } .itsResizeBarBottom { bottom: 0; left: var(--dialog-size-resize-blocks); width: calc(100% - var(--dialog-size-resize-blocks-x2)); }*/ /* * Стилизация формэлемента FormDocumentAccess */ .xpdDocAccessCustom > .itsContainerHorizontal { border-top: 1px solid rgba(0, 0, 0, .04); padding-top: 4px; } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField { vertical-align: bottom; } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsFieldInput { width: auto; } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsCombobox .itsInputBody { min-width: 100px; } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsCombobox .itsInputBody .itsComboboxInput { border-color: transparent; box-shadow: none !important; } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsCombobox .itsInputBody .itsComboboxInput:hover { border-color: rgba(105, 112, 118, .3); } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsComboboxInput > div { text-align: right; padding-right: 24px; color: rgb(66, 139, 202); } .xpdDocAccessCustom > .itsContainerHorizontal > .itsField .itsComboboxInput > span:after { border-top-color: rgb(66, 139, 202); } .xpdDocAccessCustom > .itsContainerHorizontal .itsButton { position: relative; bottom: -1px; } .xpdDocAccessCustom .itsComboboxList.hideList { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); } .xpdDocAccessCustom .itsComboboxList.hideList > div { padding-left: 20px; padding-right: 20px; } .xpdDocAccessCustom .itsComboboxList.hideList > div:hover { color: rgb(21, 21, 21); background-color: rgba(24, 102, 231, .05); } .xpdDocAccessSystem { background: rgba(240, 240, 240, 0.5); } .xpdDocAccessOther { background: rgba(240, 240, 240, 0.7); border-top: 1px solid rgb(235, 235, 235); } [formelementclass="FormDocumentAccess"] .xpdDocAccessCustom>.itsContainerHorizontal>.icon-remove { margin-left: 50px; /* margin-top: 9px;*/ } .app_contact_form_contact .Form_Contact_Default_right .xpdDocAccessMain .xpdAutoCompleteInputField { vertical-align: top; } .app_contact_form_contact .Form_Contact_Default_right .xpdDocAccessMain .itsFieldTitleLeft { word-break: break-all; } .xpdDocAccessCustom .itsContainerHorizontal { position: relative; } .xpdDocAccessCustom .itsContainerHorizontal .itsClearField { position: absolute; margin-top: -10px; top: 50%; left: auto; } .itsFormEdit .xpdDocAccessCustom .itsComboboxList > div:nth-child(3) { margin-top: 0; } .xpdDocAccessCustom .itsContainerHorizontal .itsButton > span { padding: 4px 10px; } .xpdDocAccessAdder > .itsButton { vertical-align: top; } .xpdDocAccessAdder > .itsButton > span { padding: 4px 38px; } .xpdDocAccessCustom .xpdAutoCompleteInputField > input { width: 183px; } .xpdDocAccessCustom > .itsContainerHorizontal > .icon-remove { margin-left: -20px; } .itsDndCont { cursor: default; } .itsDndElem { cursor: move !important; } .itsDndElem[dndkey="palette"] .itsTreeImg { height: 12px; } .TemplateButtonsPalette>.itsTree, .TemplateButtonsSelecting>.itsTree { cursor: move !important; } .TemplateButtonsPalette>.itsTree .itsTreeImg, .TemplateButtonsSelecting>.itsTree .itsTreeImg{ height: 12px; } .TemplateButtonsPalette>.itsTree .itsTreeTitle, .TemplateButtonsSelecting>.itsTree .itsTreeTitle{ line-height: 21px; } /*TODO need to refract*/ .itsContainerVertical>*:not(.xpdMenuBody):not(.xpdBorderContainerRegionC):not(.xpdBorderContainerRegionLT):not(.xpdBorderContainerRegionRB):not(.xpdBorderContainerH):not(.xpdBorderContainerV):not(f-box) { display: block; } .itsContainerHorizontal>*/*:not(.itsNotOrient)*/:not(.xpdBorderContainerRegionC):not(.xpdBorderContainerRegionLT):not(.xpdBorderContainerRegionRB):not(.xpdBorderContainerH):not(.xpdBorderContainerV):not(f-box) { display: inline-block !important; } /*.itsContainerHorizontal>f-box:not(.xpdBorderContainerRegionC):not(.xpdBorderContainerRegionLT):not(.xpdBorderContainerRegionRB):not(.xpdBorderContainerH):not(.xpdBorderContainerV) { }*/ .itsContainerHorizontal>f-box { display: inline-table; } @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) { .itsContainerHorizontal>f-box>f-data { width: auto; } } .itsContainerHorizontal>f-box.XpdScriptSetupEvaluateMode { width: 1px; } /*.itsContainerHorizontal>f-box:before{ content: ''; width: inherit; display: table-caption; } .itsContainerHorizontal>f-box:after { content: ''; width: inherit; display: table-cell; }*/ /*----------------------------------------*/ .itsDndCont.itsContainerVertical, .itsDndCont.itsContainerHorizontal, .itsDndElem.itsContainerVertical, .itsDndElem.itsContainerHorizontal { padding: 2px; } /*table.itsDndElem td.itsDndCont.itsContainerVertical { padding: 10px; }*/ .xpdDndAvatar{ opacity: 0.2 !important; } .xpdDndAvatar.itsTree div{ background: none; } .xpdDndAvatar:before{ content: ''; position: absolute!important; height: 100%; width: 100%; background-color:rgba(242, 242, 92, 1)!important; outline: solid 1px orange!important; opacity: 1; z-index: 100; } .xpdDndAvatar[dndkey="PropertyMap"]:before, .xpdDndAvatar[dndkey=""]:before{ height: auto; width: auto; } .constructorTrash .xpdDndAvatar *, .constructorTrash .xpdDndAvatar:before { display:none !important; } .constructorTrash .xpdDndAvatar { height: 0 !important; width: 0 !important; overflow: hidden; } .mainSpaceConstructor{ padding: 5px; } .mainSpaceConstructor>.xpdBorderContainerV, .mainSpaceConstructor>.xpdBorderContainerH{ height: 100% !important; min-width: 1000px; } .mainSpaceConstructor>.itsDndCont>.itsSelectedControl { z-index: 350 !important; } .itsDndCont.mainSpaceConstructor.xpdDndDragOn .itsDndElem.itsDndCont { min-height: 20px; } .itsDndCont { box-sizing: border-box; border: 1px solid transparent; } .itsDndCont>.itsTreeTitle{ z-index:200; } .itsDndElem>.itsTreeTitle{ z-index:100; } .xpdDndDragOn:not(.itsTopForTreesConstructor):not(.itsTree):not([dndcontkey="SetupUsersMenu"])>div.itsDndElem{ background-color: rgba(255,255,255,1); outline: 1px dotted rgba(0, 0, 0, 0.3); } .xpdDndDragOn:not(.itsTopForTreesConstructor):not([dndcontkey="SetupUsersMenu"]).itsTree{ background-color: rgba(92, 181, 101, 0.1); } .xpdDndDragOn[dndcontkey="SetupUsersMenu"]{ outline: dashed 1px grey !important; transition: outline .15s ease-in-out; } .itsScrollPanelBody>.xpdDndDragOn[dndcontkey="SetupUsersMenu"]{ outline:none!important; } .itsScrollPanelBody>.itsDndCont[dndcontkey="SetupUsersMenu"]{ padding-top: 10px; margin-top:0; } .xpdDndDragOn[dndcontkey="SetupUsersMenu"]>.itsTreeTitle{ font-weight: bold; } .itsDndCont[dndcontkey="SetupUsersMenu"]{ border: none; margin-left:12px; overflow: visible; } .itsDndCont[dndcontkey="SetupUsersMenu"] .itsTreeRow>span{ display:none; } .xpdDndDragOn.itsTree div{ background: transparent!important; } .itsTopForTreesConstructor .itsDndCont:not([dndcontkey="tabcontainer"]){ margin: 10px 5px; outline: 1px dotted rgba(92, 181, 101, 0.3); overflow-x: hidden; } .itsTopForTreesConstructor .itsDndElem:not(.itsDndCont)>.itsTreeTitle{ padding-left:7px; padding-right: 10px; } .itsTopForTreesConstructor.itsDndCont .itsDndElem:not(.itsDndCont)>.itsTreeTitle>div, .itsTopForTreesConstructor.itsDndCont .itsDndElem.itsTree > .itsTreeTitle>div { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .itsTopForTreesConstructor.itsDndCont .itsTree > .itsTreeTitle>div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; } .itsTopForTreesConstructor.itsDndCont .itsDndElem.itsTree > .itsTreeTitle { padding-right: 10px; } .itsTopForTreesConstructor.itsDndCont .itsTree > .itsTreeTitle { display: flex; min-height: 27px; align-items: flex-end; } .itsTopForTreesConstructor.itsDndCont .itsTree > .itsTreeTitle > .itsTreeImg { padding: 0 5px 8px 5px; line-height: 26px; } .itsTopForTreesConstructor .xpdDndAvatar{ max-height: 100px; } .itsTopForTreesConstructor { overflow: hidden; } .xpdDndDragOff { background-color: rgba(237, 110, 100,0.1); } .itsSectionBody.itsDndCont { position: relative; z-index: 100; } .xpdTabContainerHead.itsDndCont { position: relative; z-index: 100; width:auto; } .xpdMenu.itsDndElem{ margin-bottom: 4px; } .itsMWbody .itsDndCont, .itsMWbody .itsDndElem{ padding:0; border:0; margin: 4px 0; } /*------- Office ----------*/ .OfficeListBookmarksForms .itsDndElem { border: 1px solid transparent !important; } .OfficeListBookmarksForms .itsDndElem:hover:before { content: ""; display: inline-block; width: 6px; height: 28px; border: 2px dotted rgb(200,200,200); position: absolute; left: 5px; cursor: move; z-index: 999; } .OfficeListBookmarksForms .itsDndElem.itsTree>.itsTreeTitle { line-height: 28px; } .OfficeListBookmarksForms .itsDndElem:hover { background:rgba(0, 0, 0,.04); border: 1px solid transparent !important; color: rgb(0,0,0) !important; cursor:pointer !important; } .itsTree { position: relative; } .itsTreeTitle { line-height: 26px; white-space: nowrap; color: rgb(110, 110, 110); display: block; /*display: inline-block; min-width: 100%;*/ border: 1px solid transparent; position: relative; } .itsTreeTitle > div { display: inline-block; } .itsTree[state] > .itsTreeTitle > .itsTreeImg:hover { cursor: pointer !important; } .itsTree[state] > .itsTreeTitle > .itsTreeImg:after { content: ""; display: block; border: 5px solid transparent; opacity: .5; width: 1px; height: 1px; } .itsTree[state] > .itsTreeTitle > .itsTreeImg:hover:after { opacity: 1; } .itsTree[state="closed"] > .itsTreeTitle.itsActiveControl > .itsTreeImg:after { border-left-color: rgb(120, 120, 120); } .itsTree[state="closed"] > .itsTreeTitle > .itsTreeImg:after { border-left-color: rgb(120, 120, 120); margin-top: 8px; margin-left: 5px; } .itsTree[state="open"] > .itsTreeTitle.itsActiveControl > .itsTreeImg:after { border-top-color: rgb(120, 120, 120); } .itsTree[state="open"] > .itsTreeTitle > .itsTreeImg:after { border-top-color: rgb(120, 120, 120); margin-top: 11px; margin-left: 2px; } /*5466*/ .itsTree[formelementclass="FormTree"] .itsTreeTitle > .itsTreeImg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; } .itsTree[formelementclass="FormTree"] .itsTreeTitle > .itsTreeImg:after { margin-top: 5px; } .itsTree[formelementclass="FormTree"][state="closed"] .itsTreeTitle > .itsTreeImg:after { margin-top: 2px; } div[formelementclass="FormUsersMenu"] > div > .xpdMenuTitle { vertical-align: middle; line-height: 24px; } /*5466*/ .itsTree[state="closed"] > .itsTree { display: none; } .itsTreeTitle > .itsTreeImg { display: inline-block; width: 16px; height: 16px; } .itsTree > .itsTreeTitle > .itsTreeImg { padding: 2px; } .itsTree > .itsTreeTitle > .itsTreeImg > span { display: inline-block; margin: 4px; } .itsTree > .itsTreeTitle > .itsTreeImg:before { display: none; font-size: 10px; } .itsTree[state=closed] > .itsTreeTitle > .itsTreeImg:before { display: block; } .itsTree[state=open] > .itsTreeTitle > .itsTreeImg:before { display: block; transform: rotate(90deg); margin-top: 3px; } .itsTree:not(.itsDndElem) > .itsTreeTitle:hover { cursor: pointer; } .itsTree > .itsTreeTitle:not(.itsActiveControl):hover { background: rgba(0, 0, 0, .04); } div[formelementclass="Palette"] .itsTree > .itsTreeTitle:hover { background: none; } .xpdFormTreeNoAction:not(.itsDndElem) > .itsTreeTitle:not(.itsActiveControl):hover { background: transparent !important; cursor: auto; } .xpdFormTreeNoAction > .itsTreeTitle { border-bottom: 0; } .itsTreeRow, .itsTreeRow > span { display: inline-block; } .itsTreeRow > span { width: 16px; } .itsTreeFocusItem { border: 1px solid rgba(229, 229, 229, 1); } .itsDndElem.itsTree > .itsTreeTitle { line-height: 21px; } .itsTreeTitle > div:before { margin-right: 8px; color: rgb(155, 158, 160); float: left; } .itsActiveControl > div:before { color: rgba(0, 0, 0, .5); } .itsDndCont.itsTree { border: 2px dotted transparent; } .itsTreeEllipsis { overflow: hidden; } .itsTreeEllipsis > .itsTree > .itsTreeTitle > .itsViewListMenuItem { overflow: hidden; text-overflow: ellipsis; padding-right: 20px; box-sizing: border-box; height: 30px; vertical-align: top; } .itsTreeTitle > div > .itsInput { display: inline-block; } .itsLink:before { margin-right: 6px; } .itsTreeTitle .itsCheckbox { margin-top: 7px; margin-left: 0; } .itsTree[dndkey="SetupUsersMenu"] > .itsTreeTitle .itsInputBody { width: 17px !important; } .dndSortableClass>.itsField { cursor: move; } .dndSortableClass .itsTree { margin: 0 1px; } .xpdDndDragOnNew { background-color:rgba(242, 242, 92, 0.1); outline: 1px dotted orange; } .dndSortableClass, .movedGhostElement { user-select: none; } .LuaScheduleSetupIntervalEntry { will-change: auto !important; } /*5482*/ .PropertyShowFormInTooltipPriorities.dndSortableClass>span { background-color: rgb(0, 99, 177); padding: 0 15px; margin-right: 2px; cursor: move; border-radius: 3px; font-size: 12px; line-height: 26px; height: 26px; color: #fff; } .PropertyShowFormInTooltipPriorities.dndSortableClass>span:hover { opacity: .9; } .itsDropBtnBody { display: none; } .itsDropBtnBody .itsButton { border: none; border-radius: 0; text-align: left; vertical-align: inherit; margin: 0; } .itsDropBtnBody .itsButton:before { position: absolute; right: 5px; } .itsDropBtnBody .itsButton>span:hover, .itsDropBtnBody .itsButton>span { color: inherit; background: initial; padding: 0; line-height: inherit; vertical-align: inherit; } .itsDropBtn { position: relative; } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span>.itsButton>span.arrowDown:after { content: ""; position: relative; display: inline-block; border: 5px solid transparent; border-top-color: black; top: 3px; opacity: .5; left: 4px; } .itsDropBtnBody .itsDropBtnBody { margin-top: -5px; } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span>.itsButton>span:empty:after { left: 0; } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span>.itsButton>span[class^="icon"]:empty:after { left: 4px; } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span>.itsButton:hover>span:after { opacity: 1; } .itsDropButtonsArrowRight:after { content: ""; position: absolute; display: inline-block; border: 5px solid transparent; border-left-color: black; top: 7px; opacity: .5; right: 4px; } .itsDropButtonsArrowRight:hover:after { border-left-color: white; opacity: 1; } .itsDropBtnTitle>span { display: block; } eds-sys-box { display: table; background: rgba(255,255,255,.5); height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } eds-sys-box eds-form { background: #fff; width: 700px; display: block; padding: 30px 30px 15px 30px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -70%); box-shadow: 0 0 60px rgba(0, 0, 0, .4); } eds-sys-box eds-exit { width: 50px; height: 50px; display: inherit; position: absolute; top: 0; right: 0; } eds-sys-box eds-exit:before { content: '\00d7'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; display: inline-block; font-size: 12px; padding: 19px; color: #777; } eds-sys-box eds-exit:hover { cursor: pointer; color: #333; } eds-sys-box field-label { color: #555; width: 160px; display: inline-block; text-align: right; vertical-align: middle; line-height: 25px; height: 26px; } eds-sys-box eds-field { display: block; padding-bottom: 20px; } eds-sys-box eds-key-help { display: block; padding-left: 170px; font-style: italic; font-size: 89%; } eds-sys-box select, eds-sys-box input, eds-sys-box eds-key { border: 1px solid #555 !important; height: 26px; line-height: 22px; margin-left: 10px; display: inline-block; box-sizing: border-box; vertical-align: middle; } eds-sys-box select { width: 400px; } eds-sys-box input, eds-sys-box eds-key { padding: 0 5px; width: 300px; } eds-sys-box select[disabled] { background: rgba(var(--gray500), .2); cursor: default; } eds-sys-box input[disabled], eds-sys-box eds-key[disabled] { background: rgba(var(--gray500), .2); cursor: default; color: rgb(170, 170, 170); } eds-sys-box eds-actions { display: block; padding: 15px 0; } eds-sys-box eds-btn, eds-sys-box eds-btn-go, eds-sys-box eds-btn-cancel, eds-sys-box eds-btn-read { display: inline-block; text-align: center; vertical-align: middle; border-radius: 1px; user-select: none; margin: 0 2px; height: 26px; line-height: 26px; width: 98px; background: rgb(var(--blue-sys500)); color: #FFF; border-color: rgb(var(--blue-sys500)); } eds-sys-box eds-btn:hover, eds-sys-box eds-btn-go:hover, eds-sys-box eds-btn-cancel:hover, eds-sys-box eds-btn-read:hover { cursor: pointer; } eds-sys-box eds-btn[disabled], eds-sys-box eds-btn-read[disabled] { background: #999; cursor: no-drop; } eds-sys-box eds-message { display: block; border-top: 1px solid rgba(0,0,0,.2); padding: 15px 0; } eds-sys-box eds-message[warning] { color:red; } .ElementFrame, .downLoadMask { position: fixed; display: block; bottom: 0; /*width: 450px;*/ width: 504px; margin: 15px; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px; } .ElementFrame{ height: 500px; } .downLoadMask { height: 0; transition: all 1s ease-out; margin: 15px 15px 0 15px; } .downLoadMask.open { height: 500px; z-index: 1; } .ElementFrame { background-color: #FFFFFF; } .ElementFrame>iframe { border: 0; width: 100%; height: 100%; z-index: 99; } .inDivElementFrame, .ElementInDom { border: 0; width: 100%; height: 100%; } /*.inDivElementFrame, .ElementLikeInDom { border: 0; width: 100%; height: 100%; }*/ .elementFlyButtonContainer.flyDom { margin: 15px 15px 0 15px; transition: all 1s ease-out; } .elementFlyButtonContainer { position: fixed; bottom: 0; right: 0; margin: 15px; } .elementFlyButtonContainer.flyDom.open { bottom: 500px; opacity: 0; } .elementFlyButtonContainer.flyDom>button { width: 504px; border-radius: 15px 15px 0 0; margin-right: 15px; } .elementFlyButtonContainer>button { /* background-color: rgb(var(--blue-sys500)); border: 0; padding: 10px; border-radius: 15px; color: white; cursor: pointer;*/ background-color: rgb(var(--blue-sys500)); border: 0; padding: 10px; color: white; width: 120px; border-radius: 15px; cursor: pointer; } .elementFlyButtonContainer>button:focus { outline: 0; } .elementFlyButtonContainer>button.unreadMessages:after { content: ''; position: absolute; display: block; width: 10px; height: 10px; top: 0; right: 0; background: rgb(248, 0, 0); border-radius: 10px; } .closeButtonIframe { position: absolute; top: 0; right: 0; margin-right: -20px; color: #999999; cursor: pointer; } .ElementIframeMask { position: absolute; width: 100%; height: 100%; top: 0; z-index: 100; /* pointer-events: none;*/ } .downloadMask { position: absolute; width: 100%; height: 100%; top: 0; z-index: 100; background-color: #FFFFFF; text-align: center; } .downloadMask>img { /*left: 50%;*/ width: 32px; height: 32px; /* top: 50%; */ margin-top: 50%; text-align: center; /* top: 50%; text-align: center;*/ } .resizebleElem { position: absolute; top: 0; height: 8px; width: 8px; /*background-color: rgba(0,0,0,0.25);*/ cursor: nwse-resize; margin: -4px; } .resizebleElem.right { right: 0; cursor: nesw-resize; } .resizebleElemHeight { position: absolute; top: 0; height: 8px; width: calc(100% - 8px); /*background-color: rgba(0,0,100,0.3);*/ /*cursor: ns-resize;*/ /*cursor: move;*/ cursor: n-resize; margin: -4px; box-sizing: border-box; margin-left: 4px; /*padding-right: 8px;*/ /*background-color: rgba(0,0,255,0.2);*/ } .moveElemChat { position: absolute; top: 0; height: 16px; width: calc(100% - 142px); cursor: move; margin: 0; box-sizing: border-box; margin-left: 66px; /*background-color: rgba(0,0,0,0.2);*/ } .resizebleElem, .resizebleElemHeight, .moveElemChat, .resizebleElemWidth { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .resizebleElemWidth { position: absolute; width: 16px; height: 100%; /*background-color: rgba(0,0,0,0.2);*/ left: 0; top: 0; cursor: e-resize; } .itsElementChatContainer .mx_MessageComposer_wrapper>.mx_ReplyPreview { margin-left: -42px; padding-left: 42px; } .itsElementChatContainer .mx_GroupLayout .mx_ReplyThread .mx_EventTile .mx_MessageTimestamp { top: 15px; } /*---*/ f-before-cont, f-after-cont { display: block; } f-before-cont[hidden] { display: none; } .itsFeedVerticalAlignChildrens>div>div { display: inline-block; } .itsFeedNoClick, .itsFeedHover { height: auto !important; } .FeedAllowClickItems>div:hover { cursor: pointer; } .FeedAllowClickItems:hover td { background: rgba(0, 0, 0, .08); } .itsFeedNoClick, .itsFeedHover > td, .itsViewFirstColumn { position: relative; } .FeedView>div { height: 100%; } .itsFeedVerticalAlignChildrens/*:not([calculate-sizes])*/>div>div[hidden] { display: none !important; } /*.itsFeedVerticalAlignChildrens[calculate-sizes] f-before-cont, .itsFeedVerticalAlignChildrens[calculate-sizes] f-after-cont { display: none !important; }*/ .HistoryWorkingDocumentListChanges .ExpandCollapse { height: 36px; display: block; line-height: 36px; text-align: center; background-color: rgb(75, 119, 190) !important; color: rgba(255, 255, 255, .8); font-size: 14px; } .HistoryWorkingDocumentListChanges .ExpandCollapse:hover { cursor: pointer; background-color: rgb(65, 109, 180) !important; } .HistoryWorkingDocumentListChanges > section { margin: 0 0 12px 0; background: #fff; border: 1px solid rgb(230, 230, 230); border-bottom: 1px solid rgb(220, 220, 220); } .HistoryWorkingDocumentListChanges > section:last-child { margin: 0; } .HistoryWorkingDocumentListChanges > section > .Author { height: 41px; padding: 10px 15px; border-bottom: 1px solid rgb(245, 245, 245); } .HistoryWorkingDocumentListChanges > section > .Author > img { width: 42px; height: 42px; float: left; border-radius: 50%; cursor: pointer; margin: 0 10px 0 0; } .HistoryWorkingDocumentListChanges > section > .Author > b { padding: 6px 0 0 0; display: inline-block; color: #428bca; } .HistoryWorkingDocumentListChanges > section > .Author > b:hover { cursor: pointer; text-decoration: underline; } .HistoryWorkingDocumentListChanges > section > .Author > i { display: block; font-style: normal; font-size: 12px; color: rgb(160, 160, 160); } .HistoryWorkingDocumentListChanges > section > .Fields { padding: 5px 15px; background: rgb(248, 249, 250); } .HistoryWorkingDocumentListChanges > section > .Fields > div { padding: 0 0 4px 0; line-height: 16px; } .HistoryWorkingDocumentListChanges > section > .Fields > div > b { } .HistoryWorkingDocumentListChanges > section > .Fields > div > b:before { content: '✓'; display: inline-block; color: rgb(160, 160, 160); padding: 0 7px 0 0; } .HistoryWorkingDocumentListChanges > section > .Fields > div > b:after { content: ':'; padding: 0 7px 0 0; display: inline-block; } .HistoryWorkingDocumentListChanges > section > .Fields > div > s { color: rgb(160, 160, 160); } .HistoryWorkingDocumentListChanges > section > .Fields > div > s:before { content: '"'; display: inline-block; color: rgb(160, 160, 160); } .HistoryWorkingDocumentListChanges > section > .Fields > div > s:after { content: '" ➺'; display: inline-block; color: rgb(160, 160, 160); } .HistoryWorkingDocumentListChanges > section > .Fields > div > i { font-style: normal; padding: 0 0 0 7px; } .HistoryWorkingDocumentListChanges > section > .Fields > div > i:before, .HistoryWorkingDocumentListChanges > section > .Fields > div > i:after { content: '"'; font-style: normal; display: inline-block; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc { padding: 5px 15px; background: rgb(248, 249, 250); } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div { padding: 0 0 4px 0; line-height: 16px; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div > b:before { content: '✓'; display: inline-block; color: rgb(160, 160, 160); padding: 0 7px 0 0; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div > b:after { content: ':'; padding: 0 7px 0 0; display: inline-block; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div > a:before { content: '\f0d6'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; display: inline-block; color: rgb(160, 160, 160); padding: 0 2px 0 0; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div > a:after { content: ''; display: inline-block; padding: 0 12px 0 0; } .HistoryWorkingDocumentListChanges > section > .AttachmentsDoc > div > .del { text-decoration: line-through; } .HistoryWorkingDocumentListChanges > section > .Attachments { padding: 5px 15px; } .HistoryWorkingDocumentListChanges > section > .Attachments > a:before { content: '\f0d6'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; display: inline-block; color: rgb(160, 160, 160); padding: 0 2px 0 0; } .HistoryWorkingDocumentListChanges > section > .Attachments > a:after { content: ''; display: inline-block; padding: 0 12px 0 0; } .HistoryWorkingDocumentListChanges > section > .Attachments > a:before { color: rgb(152, 163, 163); } .HistoryWorkingDocumentListChanges > section > .Attachments > .xls:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .xlsx:before { color: rgb(82, 190, 127); } .HistoryWorkingDocumentListChanges > section > .Attachments > .doc:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .docx:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .odt:before { color: rgb(92, 172, 226); } .HistoryWorkingDocumentListChanges > section > .Attachments > .ppt:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .pptx:before { color: rgb(235, 151, 78); } .HistoryWorkingDocumentListChanges > section > .Attachments > .gif:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .jpg:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .bmp:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .jpeg:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .png:before { color: rgb(82, 190, 127); } .HistoryWorkingDocumentListChanges > section > .Attachments > .txt:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .log:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .java:before, .HistoryWorkingDocumentListChanges > section > .Attachments > .xml:before { color: rgb(92, 109, 126); } .HistoryWorkingDocumentListChanges > section > .Attachments > .pdf:before { color: rgb(204, 96, 85); } .HistoryWorkingDocumentListChanges > section > .Comment { padding: 5px 15px; } .HistoryWorkingDocumentListChanges > section > .Comment > span { white-space: pre-wrap; } .HistoryWorkingDocumentListChanges > section > div:nth-child(2) { padding-top: 8px; } .HistoryWorkingDocumentListChanges > section > div:last-child { padding-bottom: 8px; } .HistoryWorkingDocumentListChanges > section > .Attachments:last-child, .HistoryWorkingDocumentListChanges > section > .Comment:last-child { padding-bottom: 10px; } .HistoryWorkingDocumentNewComment { width: 100%; } .HistoryWorkingDocumentNewComment > .CurrentUser { width: 52px; } .HistoryWorkingDocumentNewComment > .CurrentUser > img { width: 42px; height: 42px; border-radius: 50%; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsButton { width: auto !important; line-height: 16px !important; border: 0 !important; background: transparent !important; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsButton > span { color: rgb(66, 139, 202); line-height: 16px; font-size: 13px; font-family: "Verdana"; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsAttach { width: auto; height: 30px; line-height: 30px; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsAttach > .itsAttachTitle { height: 30px; line-height: 30px; padding: 0 30px 0 15px; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsAttach .itsAttachFormat, .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsAttach .itsAttachDownloadBtn { display: none; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .itsAttach .itsAttachDropBtn { padding: 0 7px 0 0; } .HistoryWorkingDocumentNewComment .NewComment { width: 100%; } .HistoryWorkingDocumentNewComment .NewComment .itsField { width: 100% !important; } .HistoryWorkingDocumentNewComment .NewComment:nth-child(2) { width: calc(100% - 52px); } .HistoryWorkingDocumentNewComment .NewComment > .itsField { margin: 0; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList { position: relative; padding: 20px 0 0 0; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .EmbeddedButtonUploadAttachment { /*position: absolute; top: 0; left: 0;*/ /*fix для задача*/ position: relative; left: 0; } .HistoryWorkingDocumentNewComment .DocumentAttachmentsList .EmbeddedButtonUploadAttachment div>span { padding: 7px 0; } f-box { display: table; width: 100%; padding-bottom: 4px; } f-name-l, f-name-r, f-name-t, f-name-b, f-box f-btn-del, f-box f-data, f-box f-btn-box { display: table-cell; } div>f-data { display: block; } f-box:after { content: ''; } /*f-box f-btn-box,*/ f-box f-btn-del { vertical-align: middle; } f-box>f-btn-del { position: relative; z-index: 2; /*left: 3px;*/ } f-box .itsInput { height: 100%; } f-name-l, f-name-r { vertical-align: middle; line-height: 100%; padding-top: 1px; } @-moz-document url-prefix() { f-name-l, f-name-r { line-height: 99%; } } f-name-l[read], f-name-r[read] { padding-top: 0; } f-name-l { width: 150px; padding-right: 10px; text-align: right; } f-name-r { padding-left: 10px; } /*TODO its test*/ f-name-l, f-name-r { color: #555; } f-name-l[link], f-name-r[link], f-name-b[link], f-name-t[link] { text-decoration: none; color: rgb(var(--blue-sys300)); } f-name-l[link]:hover, f-name-r[link]:hover, f-name-b[link]:hover, f-name-t[link]:hover, f-name-l[link]:hover>span, f-name-r[link]:hover>span, f-name-b[link]:hover>span, f-name-t[link]:hover>span, f-name-l[link]:hover>div, f-name-r[link]:hover>div, f-name-b[link]:hover>div, f-name-t[link]:hover>div { text-decoration: underline; cursor: pointer; } f-name-l[link]:hover>.itsFieldHelp, f-name-r[link]:hover>.itsFieldHelp, f-name-b[link]:hover>.itsFieldHelp, f-name-t[link]:hover>.itsFieldHelp { text-decoration: none; } /*hack to sizes*/ f-name-l:before,f-name-r:before,f-name-t:before,f-name-b:before, f-data:before { content: ''; width: inherit; display: block; } f-data:before { float: left; } f-data:focus { outline: 0; } f-data { position: relative; width: 100%; } f-data.invalid>input { border: 1px solid red; } f-header { display: table-header-group; width: 100%; } f-footer { display: table-footer-group; width: 100%; } f-name-t, f-name-b { line-height: 13px; color: #555; } f-name-l ~ f-header:before, f-name-l ~ f-footer:before { content: ''; display: table-cell; } f-name-t { padding-bottom: 3px; } f-name-b { padding-top: 3px; } f-data input { width: 100%; box-sizing: border-box; height: 26px; vertical-align: middle; } /*Chrome fix*/ input:focus, input:active, input { opacity: 1; z-index: 1; position: initial !important; } f-name-l[required]:after, f-name-r[required]:after, f-name-t[required]:after, f-name-b[required]:after { content: '*'; color: red; } /*f-btn-box { width: 100%; }*/ f-btn-box>span { display: inherit; } f-btn-del { min-width: 20px; } f-data[type-password] { min-width: 100px; } f-btn-del:hover, f-btn-del:hover:before { opacity: 1; cursor: pointer; } f-btn-del:hover:before { background: rgba(var(--red400),.75); color: rgba(var(--white-sys),1); border-radius: 50%; } f-btn-del:before { position: relative; left: 3px; content: '\00d7'; width: 10px; height: 10px; opacity: .3; font-size: 7px; border-radius: 50%; padding: 5px; box-sizing: border-box; font-family: 'WebHostingHub-Glyphs'; font-style: normal; } /*-------TODO time solution to tine with class bound-------*/ f-box .itsFieldInput>div>span, f-box .itsFieldInput>div>div[validate]>span, f-box .itsInput>span { white-space: pre-wrap; display: inline-block; min-height: 26px; vertical-align: middle; line-height: 26px; padding-top: 0; box-sizing: border-box; } /* * fix borders size TODO #1 Input.css */ [alwaysshowfieldsborder] f-box f-data[read]>span { min-height: 24px; } [alwaysshowfieldsborder] f-data[read]>.itsInputBody>input[type="text"] { padding: 0; background: transparent; border: 0; } [alwaysshowfieldsborder] f-box f-data>span { margin: -1px; } /*-------TODO time solution to tine with class bound-------*/ f-box f-data[read] f-input { min-height: 26px; box-sizing: border-box; padding: 5px 0 3px 0; display: block; } f-box f-data[read][type-picklist] f-input, f-box f-data[read][type-picklist-u] f-input { padding: 0 0 3px 0; } f-box f-data[read][type-picklist][mode-plashka] f-input, f-box f-data[read][type-picklist-u][mode-plashka] f-input { padding: 0; } f-box f-data[read][type-checkbox] f-input { padding: 3px 0 3px 0; } f-box[formelementclass="FormFieldRich"] f-data.itsInput { height: auto; } /*TODO test*/ f-box f-data[edit] { vertical-align: middle; } f-box f-data[edit]:focus { outline: 0; } /*--Edge--*/ input::-ms-clear { display: none; } f-data[fieldinputtype="radioGroup"]>.itsInputBody { display: block; } f-btn-box { position: relative; top: 1px; } f-data .itsInputBody.itsDateTimePicker>input[type=text] { padding-top: 2px; } f-btn-box { vertical-align: top; } f-btn-box .itsFieldEditButton { position: relative; top: -1px; } /*Todo test fix*/ [type-text]+f-btn-box .itsFieldEditButton, .PropCSSStylingInput f-btn-box .itsFieldEditButton{ top: 0; } /*---TODO change after dom update---*/ f-btn-box, f-data[type-password]~f-name-r, f-data[type-number]~f-name-r, f-data[type-text-cycle]~f-name-r, f-data[type-number-native]~f-name-r, f-data[type-datetime-native-date]~f-name-r, f-data[type-datetime-native]~f-name-r, f-data[type-datetime-native-time]~f-name-r, f-data[type-date]~f-name-r, f-data[type-datetime]~f-name-r, f-data[type-time]~f-name-r, f-data[type-combobox]~f-name-r, [formelementclass="FormFieldDate"] f-data~f-name-r, f-data[type-combobox-native]~f-name-r { width: 100%; } f-box f-data[type-password], f-box f-data[type-password]>input, f-data[type-number], f-data[type-number-native], f-data[type-number-native]>input, f-box f-data[type-datetime-native-date], f-box f-data[type-datetime-native-date]>input, f-box f-data[type-datetime-native], f-box f-data[type-datetime-native]>input, f-box f-data[type-datetime-native-time], f-box f-data[type-datetime-native-time]>input, f-data[type-date], f-data[type-datetime], f-data[type-time], f-data[type-text-cycle], f-data[type-combobox], [formelementclass="FormFieldDate"] f-data, f-data[type-combobox-native] { width: auto; } f-data[type-number] input { width: 126px; } f-data[type-text-cycle], f-data[type-combobox-native]>f-input, f-data[type-combobox]>f-input, f-data[type-date]>f-input, f-data[type-datetime]>f-input, f-data[type-time]>f-input, f-data[type-number]>f-input, f-data[ype-number-native]>f-input { white-space: nowrap; } f-box f-data[edit][type-textarea] { top: 1px; height: 100%; } f-data[type-range-native][edit] input { padding: 0; } f-hint[top-align] { border-bottom: 0; border-radius: 5px 5px 0 0; border-top: 1px solid rgba(82,168,236,.75); } [alwaysshowfieldsborder] f-data[type-number][read] f-input, [alwaysshowfieldsborder] f-data[type-number][disabled] f-input { width: 126px; } f-data[type-number][read] { text-align: left; } f-data[type-number]>input, [alwaysshowfieldsborder] f-data[type-number]>input, [alwaysshowfieldsborder] f-data[type-number]>f-input { text-align: right; } f-box f-data[type-text]+f-btn-box { vertical-align: middle; top: 0; } f-box.xpdRichFieldByParent f-data[edit] { vertical-align: top; } @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) { textarea:disabled { cursor: default; background-color: rgb(var(--gray200)); color: #6e6e6e; } textarea { min-height: 46px; } f-data input { margin: 0; } } input[type=text], input[type=password] { height: 26px; padding: 0 5px; } input:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=number]:focus, input[type=tel]:focus, textarea:focus, .itsButton:focus, .itsCombobox:focus, .xpdComposeLabelFocus, .itsInput.itsCombobox.active .itsComboboxInput, .itsInput:focus select, .itsCheckbox:focus span, .itsRadio:focus span, f-data[type-picklist-u][edit]>f-input[focus] { border-color: rgba(82, 168, 236, .75) !important; outline: 0; } [disabled]>.itsCheckbox:focus span, [disabled]>.itsRadio:focus span { border-color: rgba(180,180,180,1) !important; } .notvalid-field { border-color: red !important; } [alwaysshowfieldsborder] f-data[read]:not([type-checkbox]):not([type-radiogroup]):not(.xpdInputPickListCustomRenderer):not(.itsCombobox)>f-input{ display: block; min-height: 26px; border: 1px solid rgb(var(--gray300)); padding: 4px 7px; box-sizing: border-box; background-color: rgba(var(--gray400),0.2); } f-data[type-checkbox][horizontal]>f-input>f-item, f-data[type-radiogroup][horizontal]>f-input>f-item { float: left; display: inline-block; margin-right: 15px; margin-left: 0; } /*f-data[type-checkbox][vertical]>f-input>f-item, f-data[type-radiogroup][vertical]>f-input>f-item { display: flex; line-height: normal; } f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 1px; } f-data[type-checkbox][vertical]>f-input[column-count]>f-item, f-data[type-radiogroup][vertical]>f-input[column-count]>f-item { height: 1px; }*/ f-data[type-checkbox][vertical]>f-input[column-count]>f-item, f-data[type-radiogroup][vertical]>f-input[column-count]>f-item { display: block; line-height: 17px; overflow: hidden; } .itsCheckboxSense, .itsRadioSense { display: inline-block; margin-left: 5px; white-space: initial; } f-data[type-checkbox]>f-input>f-item { white-space: initial; margin-bottom: 4px; padding-bottom: 0; } f-data[type-checkbox] { top: 2px; } f-data[type-checkbox]>f-input>f-item { /*5423*/ min-height: 17px; margin-right: 5px; } f-data[type-combobox] f-input { border: 1px solid rgb(var(--gray400)); position: relative; display: table-caption; min-width: 183px; background: white; padding: 0 24px 0 7px; box-sizing: border-box; height: 26px; cursor: pointer; width: auto; overflow: hidden; } f-data[type-combobox][read] f-input{ border: 0; position: relative; display: table-caption; min-width: 183px; padding: 5px 0 3px 0; box-sizing: border-box; min-height: 26px; cursor: default; overflow: hidden; width: auto; } f-data[type-combobox][disabled] f-input{ background-color: rgba(var(--gray400),0.2); cursor: default; color: #6e6e6e; } f-data[type-combobox][disabled] f-input:hover>f-button { opacity: .5 !important; } f-data[type-combobox] f-input>f-name { display: inline-block; /*display: inline;*/ line-height: 24px; height: 24px; padding-right: 2px; box-sizing: border-box; white-space: nowrap; width: 100%; text-overflow: ellipsis; overflow: hidden; } /*.itsComboboxInput > span,*/ f-data[type-combobox] f-input>f-button { display: inline-block; width: 21px; height: 18px; vertical-align: top; text-align: center; padding-top: 3px; font-size: 13px; font-weight: bold; right: 2px; position: absolute; opacity: .5; } /*.itsComboboxInput:hover > span,*/ f-data[type-combobox] f-input:hover>f-button { opacity: 1; } /*.itsComboboxInput > span:after,*/ f-data[type-combobox] f-input>f-button:after { content: ""; display: inline-block; width: 1px; height: 5px; border: 4px solid transparent; border-top-color: rgb(var(--gray600)/*117, 113, 113*/); position: relative; top: 8px; } /*.itsComboboxList,*/ f-data[type-combobox] f-list { display: none; position: absolute; top: 24px; max-height: 210px; z-index: 999; background: white; border: 1px solid rgba(var(--black-sys), 0.35); border-bottom: 2px solid rgba(var(--black-sys), 0.5); margin-top: -1px; overflow-y: auto; overflow-x: hidden; } [quick-search] f-list.xpdTooltip_tl, [quick-search] f-list.xpdTooltip_tr { border-top: 2px solid rgba(0, 0, 0, 0.35); border-bottom: 1px solid rgba(0, 0, 0, 0.35); } [quick-search] f-list.xpdTooltip_br, [quick-search] f-list.xpdTooltip_bl { border-top: 1px solid rgba(0, 0, 0, 0.35); border-bottom: 2px solid rgba(0, 0, 0, 0.35); } f-data[type-combobox] f-list.hideList { display: none } /*.itsComboboxList.showList,*/ f-data[type-combobox] f-list.showList { display: block; border: 1px solid rgb(var(--gray400)); } /*.itsComboboxList > div,*/ f-data[type-combobox] f-list>f-item{ display: block; padding: 3px 10px 3px 5px; color: rgb(var(--gray800)); white-space: nowrap; line-height: 20px; min-height: 20px; position: relative; } /*.itsComboboxList > div:hover,*/ f-data[type-combobox] f-list>f-item:not([disabled]):hover { color: rgb(var(--gray900)); background-color: rgba(var(--blue800)/*24, 102, 231*/, .07); cursor: pointer; } f-data>input, f-data>textarea{ width: 100%; box-sizing: border-box; padding: 5px 7px 7px 7px; } f-data>textarea { height: 100%; } f-data>textarea { font-size: 13px; } f-data > input { padding: 0 7px; } /*------VALIDATION------*/ .messageIcon { display: none; position: absolute; right: 0; top: 0; height: 25px; width: 10px; background: rgb(255, 0, 0); } .itsDateTimePicker > .messageIcon { right: 34px; top: 0; height: 25px; width: 10px; z-index: 1; } .itsInputTextArea { width: 100%; height: 100%; } /*===== input area =====*/ .itsImgBody { position: relative; display: inline-block; width: 100%; height: 100%; } .itsCuttingFrame { border: 2px dotted grey; position: absolute; width: 150px; height: 150px; box-sizing: border-box; } .itsCuttingFrame:hover { cursor: move; } .invalidMessage { display: none; } .requiredMessage { display: none; } input[type=text], input[type=password], input[disabled], .itsInputTextArea > textarea, .itsInputTextArea > textarea[disabled], f-data>input, f-data>textarea { border: 1px solid rgb(var(--gray400)); } /*.itsInputTextArea > textarea,*/ f-data>textarea{ resize: vertical; overflow: auto; } input:disabled, textarea:disabled { color: rgb(var(--gray600)/*110, 110, 110*/); } /*.itsInputTextArea > textarea[disabled],*/ input[disabled] /*[disabled] .itsComboboxInput, [disabled] .itsDatePickerBtn.itsButton*/ { background: rgba(var(--gray400), .2); cursor: default; } /*========================*/ .xpdMailAccountSelector > .itsInputBody { overflow: hidden; padding: 7px 0 0 7px; } .xpdMailAccountSelector > .itsInputBody:hover { overflow: hidden; height: auto; background: #fff; z-index: 999; } .xpdMailAccountSelector > .itsInputBody .itsRadio > div { cursor: pointer; padding: 0 6px; line-height: 19px; margin: 0; border-radius: 2px; border: 1px solid rgba(74, 163, 223, .2); color: rgb(74, 163, 223); } .xpdMailAccountSelector > .itsInputBody .itsRadio > div:hover { background: rgba(24, 102, 231, .05); } .xpdMailAccountSelector > .itsInputBody .itsRadio.itsRadioSelected > div { background-color: rgb(74, 163, 223); color: #fff; } .xpdMailAccountSelector .itsRadioSense { vertical-align: 0; } div[validate="InputDouble"] > input, div[validate="InputInteger"] > input { text-align: right; } /*7005 - 47*/ input::-webkit-inner-spin-button { margin-left: 3px; } input[type="color"]::-webkit-color-swatch { border: 0; } @supports (-ms-ime-align:auto) { f-data[type-combobox] f-input { display: inline-block; } } @media all and (-ms-high-contrast:none) { f-data[type-combobox] f-input { display: inline-block; } } @media all and (-ms-high-contrast:none) { .itsScrollPanelBody>div .xpdTabContainerBody { -ms-overflow-y: scroll; } /* f-data[vertical][type-checkbox] > f-input > f-item, f-data[vertical][type-radiogroup] > f-input > f-item { display: table-cell !important; }*/ f-data[type-checkbox][vertical]>f-input[column-count]>f-item, f-data[type-radiogroup][vertical]>f-input[column-count]>f-item { display: block !important; } } /*---------------------itsAclEditor---------------------*/ .itsAclEditorAccessContanerClass .itsScrollPanelBody > div > div > div > .itsInputBody { line-height: 15px; padding: 0 10px; color: rgb(75, 75, 75); } .itsAclEditorAccessContanerClass .itsScrollPanelBody > div > div > div > .itsInputBody:hover { cursor: pointer; background: #eee; color: rgb(0, 0, 0); } .itsAclEditorMainContanerClass { width: 100%; height: 100%; } .itsAclEditorMainContanerClass .tabContent>.itsContainerVertical>.xpdBorderContainerH { height: calc(100% - 46px) !important; } .itsAclEditorAccessContanerClass [type-checkbox] { padding-left: 14px; box-sizing: border-box; } .itsAclEditorRolesContanerClass [type-checkbox] { padding-left: 14px; box-sizing: border-box; } .itsAclEditorItemsContanerClass, .itsAclEditorAccessContanerClass, .itsAclEditorRolesContanerClass{ border: 1px solid #E6E6E6; } .itsAclEditorTitle { line-height: 34px; padding-left: 10px; font-weight: bold; } .itsAclEditorItemsContanerClass .OpenStaffUnit { position: absolute; right: -1px; top: 0; bottom: 0; line-height: 28px; padding: 0 12px; background: rgb(120,120,120); color: #fff; z-index: 1; } .itsAclEditorItemsContanerClass .OpenStaffUnit:hover { background: rgb(100,100,100); } .XpdComplexFormulaSetup .itsContainerHorizontal > span > .itsButton { margin: 0; } .XpdComplexFormulaSetup .itsContainerHorizontal > span > .itsButton > span { height: 16px; padding: 4px 12px; } .itsFieldInput { width: 100%; } .itsInput { vertical-align: top; } .xpdRichText { white-space: normal !important; line-height: initial !important; } .LuaHelpObjectsNavigation .xpdRichText, .help_lua_object_form .xpdRichText { display: inline-block; } *:not(.xpdRichFieldByParent) .itsFieldInput > div, *:not(.xpdRichFieldByParent) .itsInput { white-space: nowrap; } /*??? для чего */ *:not(.xpdRichFieldByParent) .itsFieldInput > div, *:not(.xpdRichFieldByParent) .itsInput { line-height: 13px; } .itsPicklist .itsFieldInput > div, .itsPicklist .itsInput { line-height: normal; /*5393*/ } .itsPicklist .XpdComposeEmailsReadonly { padding-right: 10px; } .itsFieldInput > .xpdRichControlRead > div > div, .itsFieldInput > .xpdRichControlRead > div > div > * { white-space: normal; } .itsFieldInput > div > span, .itsFieldInput > div > div[validate] > span, .itsInput > span { white-space: pre-wrap; display: inline-block; padding-top: 6px; line-height: 14px; } input { font-size: inherit; } .FieldBorder0 .itsFieldInput { border: 0 !important; } .itsFieldInput > div, .itsInput { box-sizing: border-box; } .itsField > table { border-collapse: collapse; } /*Serbin .itsPicklist.itsPicklistEdit .itsFieldTitle > div, */ .itsLink { display: inline-block; text-decoration: none; color: rgb(66, 139, 202); } /*Serbin .itsPicklist.itsPicklistEdit .itsFieldTitle > div:hover,*/ .itsLink:hover, .itsLink:hover > * { text-decoration: underline; cursor: pointer; } .itsFieldTitle.itsFieldRequired > *:first-child:after, .itsFieldTitle.itsFieldRequired > .itsFieldHelp:after { content: "*"; color: rgb(255, 0, 0); } .itsInputBody > input[required].wasFocus:invalid, .itsInputText > input[required].wasFocus:invalid, .itsInputText > input:not([required]):invalid, .itsInputBody > input:not([required]):invalid { border: 1px solid rgba(255, 0, 0, 0.8); } .itsClearField { width: 20px; height: 20px; position: relative; top: 3px; left: 0; } .itsClearField:before { width: 10px; height: 10px; opacity: .3; font-size: 7px; border-radius: 50%; padding: 5px; box-sizing: border-box; } .itsFieldInput:hover ~ td .itsClearField:before { opacity: .4; } .itsClearField:hover, .itsClearField:hover:before { opacity: 1; cursor: pointer; } .itsClearField:hover:before { background: rgba(255, 78, 69, .75); color: rgba(255, 255, 255, 1); border-radius: 50%; } .itsFieldMapFormulaDialog { width: 100%; position: relative; padding-right: 30px; box-sizing: border-box; min-height: 29px; } .itsFieldMapFormulaButtons { padding-bottom: 5px; position: absolute; right: 0; } .itsFieldMapAddButton { font-size: 22px; padding-right: 2px; cursor: pointer; color: black; opacity: 0.2; } .itsFieldMapAddButton:hover { opacity: 0.4; } .itsFieldMapFormulaButtons:active { top: 1px; } .itsFieldMapFormulaItems { width: 100%; min-height: 24px; } .itsFieldMapFormulasItem { cursor: pointer; position: relative; padding-top: 2px; height: 20px; } .itsFieldMapFormulasItem:hover { background: rgba(255, 255, 225, 1); } .itsFieldMapFormulasItem:hover .itsFieldMapFormulasItemRemove { visibility: visible; } .itsFieldMapFormulasItemKey { min-width: 150px; padding-left: 5px; text-overflow: ellipsis; overflow: hidden; } .itsFieldMapFormulasItemValue { text-overflow: ellipsis; overflow: hidden; } .itsFieldMapFormulasItemRemove { width: 19px; height: 100%; text-align: center; line-height: 18px; vertical-align: middle; font-size: 13px; position: absolute; right: 1px; visibility: hidden; } .itsFieldMapFormulasItemRemove:after { content: "x"; opacity: .8; } .itsFieldMapFormulasItemRemove:hover { cursor: pointer; color: red; opacity: 1; } .itsFieldMapFormulasEditKey { width: 500px; padding-bottom: 5px; } .itsFieldMapFormulasEditValue { width: 500px; height: 300px; } .itsFieldMapFormulasEditValue > div > textarea { resize: none; } .requiredMessage:after, .invalidMessage:after { border-right: 1px solid rgb(255, 0, 0); border-bottom: 1px solid rgb(255, 0, 0); } .itsPasteElementLink { color: #428bca; } .itsFieldFooter { position: relative; vertical-align: top; } .itsFieldTitleTop, .itsFieldTitleBottom, .itsFieldTitleRight { text-align: left !important; } .itsFieldTitleTop { margin-bottom: 2px; } .itsFieldTitleBottom { margin-top: 2px; } .itsFieldTitleRight { margin-left: 5px !important; } .itsFieldFooter > div { white-space: nowrap; } .PropCSSStylingContainer { height: 34px; } .PropCSSStylingContainer > textarea { width: 100%; margin: 0; height: 34px; overflow: hidden; resize: none; padding: 0; box-sizing: border-box; font-size: 13px; border: 1px solid rgb(var(--gray400)); } .itsFieldMapFormulasItemValue { white-space: pre-wrap; } .ModalSettingSearchFields .itsField { margin: 9px 2px 0 2px; } /**@css=\ResourcesPC\TempCSS\default\itsField.css**/ .itsFieldHelp { color: rgb(130, 130, 130); padding-left: 7px; } f-name .itsFieldHelp { line-height: 11px; } .itsFieldHelp:hover { color: rgb(110, 110, 110); cursor: pointer; } .itsFieldHelp:before { content: '\f315'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; } /*h1*/ .itsFormLabelStyle-h1 { font-size: 30px; } /*h2*/ .itsFormLabelStyle-h2 { font-size: 25px; } /*h3*/ .itsFormLabelStyle-h3 { font-size: 20px; } /*h4*/ .itsFormLabelStyle-h4 { font-size: 15px; } /*h5*/ .itsFormLabelStyle-h5 { font-size: 12px; } .itsFieldHintHover, .itsFieldHintFocus, .itsFieldHintActive, f-hint { display: none; position: fixed; top: 100%; left: 0; background: rgb(240, 240, 200); padding: 10px; border: 1px solid rgba(82, 168, 236, .75); border-top: none; border-radius: 0 0 5px 5px; z-index: 100; max-width: 100%; box-sizing: border-box; overflow: hidden; white-space: initial; word-wrap: break-word; } .itsDateTimePicker > .itsFieldHintHover, .itsDateTimePicker > .itsFieldHintFocus, .itsDateTimePicker > .itsFieldHintActive { border-bottom: 1px solid rgba(82, 168, 236, .75); border-top: 0; border-radius: 0 0 5px 5px; } input:hover ~ .itsFieldHintHover, input:focus ~ .itsFieldHintFocus, input:active ~ .itsFieldHintActive, input:hover ~ .itsFieldHintHover, input:focus ~ .itsFieldHintFocus, input:active ~ .itsFieldHintActive, f-data:hover f-hint[mode^="hover"], f-data:focus f-hint[mode^="focus"], f-data > *:focus + f-hint[mode^="focus"], f-data:active f-hint[mode^="active"] { display: inline-block; } .xpdAutoCompleteList { border: 1px solid rgba(0, 0, 0, 0.35); border-bottom: 2px solid rgba(0, 0, 0, 0.5); z-index: 100; background: white; } .xpdAutoCompleteList > div { padding: 7px 8px 7px 10px; min-height: 34px; border-bottom: 1px solid rgba(0, 0, 0, .04); } .xpdAutoCompleteList > div > i, .xpdAutoCompleteList > div > img { width: 34px; height: 34px; float: left; display: inline-block; border-radius: 50%; margin: 0 10px 0 0; } .xpdAutoCompleteList > div > i { font-family: 'WebHostingHub-Glyphs'; font-style: normal; text-align: center; padding-top: 6px; font-size: 18px; } .xpdAutoCompleteList > div > .iconx-User:before { content: '\f133'; color: rgba(52, 152, 219, .7); } .xpdAutoCompleteList > div > .iconx-Group:before { content: '\f134'; color: rgba(52, 152, 219, .7); } .xpdAutoCompleteList > div > .iconx-Org:before, .xpdAutoCompleteList > div > .iconx-SubOrg:before { content: '\f262'; color: rgba(46, 204, 113, .7); } .xpdAutoCompleteList > div > .iconx-Database:before { content: '\f136'; color: rgba(241, 196, 15, .7); } .xpdAutoCompleteList > div > b { font-weight: normal; color: #000; } .xpdAutoCompleteList > div > p { margin: 0; font-size: 12px; color: #777; } .xpdAutoCompleteList q { background: rgba(255, 240, 0, .3); } .xpdAutoCompleteList q::after, .xpdAutoCompleteList q::before { display: none; } .xpdAutoCompleteListSelected { background: rgba(24, 102, 231, .07) !important; } .xpdAutoCompleteListSelected > *:hover { cursor: pointer; } f-data[type-combobox] f-item.selected { color: rgb(21, 21, 21) !important; background-color: rgba(24, 102, 231, .1) !important; } f-combobox-quicksearch { width: 100%; display: block; margin: 0; padding: 0; } f-combobox-quicksearch > input { width: 100%; display: inline-block; margin: 0; z-index: 2; padding: 0 0 0 6px; box-sizing: border-box; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.35); } f-data[type-combobox] f-list>f-item[disabled] { color: #6d6d6d; cursor: default; } f-combobox-quicksearch > label:before { position: absolute; top: .4em; left: .4em; opacity: .5; } f-combobox-quicksearch > input.noresult { background: rgba(234, 142, 105, 0.2); } f-data[type-combobox][quick-search] f-item qs { background-color: rgb(254, 250, 178); } f-data > select { height: 26px; border: 1px solid rgb(var(--gray400)); padding-left: 3px; min-width: 183px; box-sizing: border-box; background-color: #FFFFFF; cursor: pointer; } f-data > select[disabled] { background: rgba(200, 200, 200, 0.2); } f-data > select:focus { border-color: rgba(82, 168, 236, .75) !important; outline: 0; } f-combobox-quicksearch .icon-search { z-index: 2; position: absolute; margin-left: -25px; } f-combobox-quicksearch { border-right: 1px solid rgba(0, 0, 0, 0.35); border-left: 1px solid rgba(0, 0, 0, 0.35); border-top: 1px solid rgba(0, 0, 0, 0.35); overflow: hidden; background-color: #FFFFFF; } f-combobox-quicksearch>input[type=text]:focus { border-color: rgba(0, 0, 0, 0.35) !important; } f-data[type-combobox] f-list>f-item.noresult { display: none !important; } f-data[quick-search] f-combobox-quicksearch { position: fixed; z-index: 101; display: none; height: 26px; width: 100%; } f-placeholder { position: absolute; top: 0; left: 0; width: calc(100% - 26px); color: rgba(0,0,0,0.5); padding: 4px; text-overflow: ellipsis; overflow: hidden; } @media not all and (min-resolution:.001dpcm) { @media { f-data[type-combobox] f-input>f-button { position: relative; left: -22px; } }} @supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) { f-data[type-combobox] f-input>f-button { position: relative; left: -22px; } } /* ------------ default colors ---------------*/ /*f-data[type-checkbox], f-data[type-radiogroup]*/ :root { /* edit mode */ --color-icon: #fff; /* edit mode */ --colorEdit: rgb(120, 120, 120); --color-edit: rgb(120, 120, 120); /* disable/read mode */ --color-disable--border: rgb(210, 210, 210); --color-disable--background: rgb(230, 230, 230); --color-disable--select: rgb(160, 160, 160); /* hover */ --color-hover: rgb(66, 139, 202); } f-data[type-checkbox]>f-input, f-data[type-radiogroup]>f-input { display: block; min-height: 26px; padding-top: 3px; box-sizing: border-box; } f-data[type-radiogroup]>f-input { padding-top: 5px; } f-data[type-checkbox]>f-input:after, f-data[type-radiogroup]>f-input:after { content: ''; overflow: hidden; visibility: hidden; width: 0; height: 0; } f-data[type-checkbox]>f-input>f-item:focus, f-data[type-radiogroup]>f-input>f-item:focus { outline: 0; } f-data[type-checkbox]>f-input>f-item, f-data[type-radiogroup]>f-input>f-item { display: block; } f-data[type-checkbox]>f-input>f-item { /*margin: 3px 0 0 0;*/ position: relative; } f-data[type-radiogroup]>f-input>f-item { margin: 0 0 4px 0; } f-data[type-checkbox]>f-input>f-item:before { border-radius:2px; } f-data[type-radiogroup]>f-input>f-item:before { border-radius: 50%; padding-right: 1px; } f-data[type-checkbox]>f-input>f-item:before, f-data[type-radiogroup]>f-input>f-item:before { content: "✓"; font-size: 9.2px; font-weight: bold; color: transparent; text-align: center; box-sizing: border-box; width: 15px; height: 15px; min-width: 15px; min-height: 15px; margin-right: 5px; position: relative; /*top: -2px;*/ /*top: -1px;*/ top: 1px; line-height: 14px; /*display: inline-block;*/ display: block; float: left; vertical-align: middle; } /* ------------- edit mode ---------------*/ f-data[type-checkbox][edit]>f-input>f-item:before, f-data[type-radiogroup][edit]>f-input>f-item:before { border: 1px solid rgb(var(--gray400)); background: #FFFFFF; } f-data[type-checkbox][edit]>f-input>f-item[selected]:before, f-data[type-radiogroup][edit]>f-input>f-item[selected]:before { background: rgb(var(--gray600)); color: rgb(var(--white-sys)); } f-data[type-checkbox][edit]>f-input>f-item:hover, f-data[type-radiogroup][edit]>f-input> f-item:hover { color: rgb(var(--blue-sys300)); cursor:pointer; } f-data[type-checkbox][edit]>f-input>f-item:hover:before, f-data[type-radiogroup][edit]>f-input>f-item:hover:before, f-data[type-checkbox][edit]>f-input>f-item:focus:before, f-data[type-radiogroup][edit]>f-input>f-item:focus:before { border-color: rgb(var(--blue-sys300)); } /* ------------- disable/read mode ---------------*/ f-data[type-checkbox][disabled]>f-input>f-item:before, f-data[type-radiogroup][disabled]>f-input>f-item:before, f-data[type-checkbox][read]>f-input>f-item:before, f-data[type-radiogroup][read]>f-input>f-item:before { border: 1px solid rgb(var(--gray300)); background: rgb(var( --gray200)); } f-data[type-checkbox][disabled]>f-input>f-item[selected]:before, f-data[type-radiogroup][disabled]>f-input>f-item[selected]:before, f-data[type-checkbox][read]>f-input>f-item[selected]:before, f-data[type-radiogroup][read]>f-input>f-item[selected]:before { background: rgb(var(--gray500)); border: 1px solid rgb(var(--gray500)); color: rgb(var(--white-sys)); } @-moz-document url-prefix() { f-data[type-checkbox]>f-input>f-item, f-data[type-radiogroup]>f-input>f-item { overflow: hidden; } } /*.xpdMailAccountSelector > .itsInputBody .itsRadio > span,*/ .xpdCycle, f-data[type-text-cycle]>f-input>f-item { display: none; } .xpdCycle.xpdCycleSelected, f-data[type-text-cycle]>f-input>f-item[selected]{ display: block; } .xpdCycleSelected, f-data[type-text-cycle]>f-input>f-item[selected] { display: inline-block; padding: 6px 0; vertical-align: middle; } f-data[type-text-cycle]:not([disabled])>f-input>f-item[selected] { color: rgb(66, 139, 202); } .xpdCycleSelected:hover, f-data[type-text-cycle]:not([disabled])>f-input>f-item[selected]:hover { cursor: pointer; text-decoration: underline; } f-data[type-text-cycle]>f-input>f-item[selected]:focus { outline: 0; } f-data[type-multiselect] f-ready, f-data[type-multiselect] f-select { display: inline-block; width: 50%; vertical-align: top; box-sizing: border-box; padding-right: 5px; } f-data[type-multiselect] f-ready f-item, f-data[type-multiselect] f-select f-item { background-color: rgba(var(--blue-sys300),.7); height: 26px; box-sizing: border-box; display: flex; align-items: center; color: white; padding: 0 5px; margin-bottom: 2px; border-radius: 3px; cursor: pointer; } .XpdDatesListContent > .xpdBorderContainerRegionC { padding: 15px 15px 5px 15px; background: rgb(247,247,247); box-sizing: border-box; } .XpdDatesListContent > .xpdBorderContainerRegionRB { background: rgb(235,235,235); } .XpdDatesListContent > .xpdBorderContainerRegionC .itsFieldTitle > div { width: 170px; } /* == hidden == */ .XpdDatesListContent > .xpdBorderContainerRegionC .Interval .itsFieldTitleRight:after, .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays .itsCheckbox > span, .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-input>f-item:before, .XpdDatesListContent > .xpdBorderContainerRegionC .Months .itsCheckbox > span, .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-input>f-item:before, .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays .itsCheckbox > span, .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-input>f-item:before { display: none; } .XpdDatesListContent > .xpdBorderContainerRegionC .Interval { margin: 15px -15px; width: 100% !important; border-top: 1px solid rgb(235,235,235); padding: 15px 15px 0 15px; } .XpdDatesListContent > .xpdBorderContainerRegionC .Interval .itsFieldInput { width: auto !important; } .XpdDatesListContent > .xpdBorderContainerRegionC .Interval .itsInput { width: 40px !important; } .XpdDatesListContent > .xpdBorderContainerRegionC .Interval .itsFieldTitle:last-child { width: 100% !important; } .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-item { margin-bottom: 15px; } .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-item/*.itsCheckbox .itsCheckboxSense*/ { width: 50px; height: 30px; line-height: 30px; margin: 0; text-align: center; background: rgba(41, 128, 185,.1); border-radius: 2px; font-size: 12px; margin-right: 15px !important; } .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-item:hover/*.itsCheckbox .itsCheckboxSense:hover*/ { background: rgba(41, 128, 185,.3); cursor:pointer; color: #000; } .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-item[selected]/*.itsCheckboxSelected > .itsCheckboxSense*/, .XpdDatesListContent > .xpdBorderContainerRegionC .WeekDays f-item[selected]:hover/*.itsCheckboxSelected > .itsCheckboxSense:hover*/ { background: rgba(41, 128, 185,1); color: #fff; } .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-data { width: 480px; } .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-item { float: left; margin: 5px 6px 0 0 !important; padding:0; } .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-item/*.itsCheckbox .itsCheckboxSense*/ { width: 114px; height: 30px; line-height: 30px; margin: 0; background: #fff; text-align: center; border-radius: 2px; background: rgba(52, 73, 94,.1); } .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-item:hover/*.itsCheckbox .itsCheckboxSense:hover*/ { background: rgba(52, 73, 94,.2); cursor:pointer; color: #000; } .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-item[selected]/*.itsCheckboxSelected > .itsCheckboxSense*/, .XpdDatesListContent > .xpdBorderContainerRegionC .Months f-item[selected]:hover/*.itsCheckboxSelected > .itsCheckboxSense:hover*/ { background: rgba(52, 73, 94,1); color: #fff; } .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-data { width: 460px; margin: 15px 0 0 0; } .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-item { float: left; margin: 0 12px 7px 0 !important; padding:0; } .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-item/*.itsCheckbox .itsCheckboxSense*/ { width: 32px; height: 32px; line-height: 32px; margin: 0; text-align: center; background: rgba(230, 126, 34,.15); border-radius: 50%; font-size: 11px; } .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-item[selected]/*.itsCheckbox .itsCheckboxSense:hover*/ { background: rgba(230, 126, 34,.3); cursor:pointer; color: #000; } .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-item[selected]/*.itsCheckboxSelected > .itsCheckboxSense*/, .XpdDatesListContent > .xpdBorderContainerRegionC .MonthDays f-item[selected]:hover/*.itsCheckboxSelected > .itsCheckboxSense:hover*/ { background: rgba(230, 126, 34,1); color: #fff; } .XpdDatesListContent > .xpdBorderContainerRegionC .StartFinish { padding: 15px 0 10px 15px; margin: 10px -15px 14px -15px; border-top: 1px solid rgb(235,235,235); border-bottom: 1px solid rgb(235,235,235); } .XpdDatesListContent > .xpdBorderContainerRegionRB > .itsScrollPanelTop { padding: 9px 0 10px 0; } .XpdDatesListContent > .xpdBorderContainerRegionRB > .itsScrollPanelBody { padding: 0 0 0 10px; box-sizing: border-box; } .XpdDatesListContentResume { width: 670px; top: 6px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #555; } f-data div.placeholderText { position: absolute; background-color: transparent; border: 1px solid transparent; color: #CCCCCC; padding: 4px 0; white-space: pre; pointer-events: none; } f-data div.placeholderText>p-help{ display: inline-block; } .xpdComposeLabelRead f-input, .xpdComposeLabel f-input{ white-space: normal; } .password-control { position: absolute; margin: 3px 0 0 -25px; display: inline-block; width: 20px; height: 20px; background: url(?.handler=Resources&name=images%2Fview.svg) 0 0 no-repeat; opacity: 0.6; } .password-control.view { background: url(?.handler=Resources&name=images%2Fno-view.svg) 0 0 no-repeat; } progress+.password-control { right: 5px; top: 0; } .hideTextareaToSize { position: absolute; top: -1000px; left: -1000px; height: auto !important; word-wrap: break-word; white-space: normal !important; padding: 5px 7px 7px 7px; opacity: 0; pointer-events: none; cursor: default; box-sizing: border-box; overflow: hidden; } .hideTextareaToSize>pre { white-space: pre; } .itsMWbody>div>.itsScrollPanelBody>div>f-box { padding-bottom: 0; top: -1px; position: relative; margin-bottom: 0; box-sizing: border-box; border: 1px solid transparent; } @-moz-document url-prefix() { .itsMWbody>div>.itsScrollPanelBody>div>f-box>f-data[edit][type-textarea]{ top:0; } } f-data[type-color] input { width: 120px; } .btn_OK, .btn_Cancel { display: none; } .isShownCustColors .btn_OK, .isShownCustColors .btn_Cancel { display: block; } [type-date] f-button, [type-datetime] f-button, [type-time] f-button { width: 32px; display: inline-block; height: 25px; background: transparent; border-left: 1px solid rgba(0,0,0,.15); vertical-align: middle; /*left: -32px; position: relative;*/ text-align: center; position: absolute; margin-left: -33px; } [type-date] f-button:focus, [type-datetime] f-button:focus, [type-time] f-button:focus { outline: 0; } [type-date][edit] f-button:hover, [type-datetime][edit] f-button:hover, [type-time][edit] f-button:hover { background-color: rgba(0,0,0,.03); cursor: pointer; } [type-date][disabled] f-button, [type-datetime][disabled] f-button, [type-time][disabled] f-button, [type-date][disabled] f-button:hover, [type-datetime][disabled] f-button:hover, [type-time][disabled] f-button:hover { cursor: default; } [type-date] f-button:after, [type-datetime] f-button:after, [type-time] f-button:after { font-family: 'WebHostingHub-Glyphs'; font-style: normal; position: relative; top: 6px; color: #646464; } [type-date] f-button:after, [type-datetime] f-button:after { content: '\f5cc'; } [type-time] f-button:after{ content: '\f22b'; } f-data[type-date] input, f-data[type-date][read] f-input { width: 126px; } f-data[type-datetime] input, f-data[type-datetime][read] f-input{ width: 168px; } f-data[type-time] input, f-data[type-time][read] f-input{ width: 90px; } f-data[type-date][read] f-input, f-data[type-datetime][read] f-input, f-data[type-time][read] f-input { white-space: normal; } div[data-picker-component]{ z-index: 1; opacity: 0; } div[data-picker-component] * { scrollbar-width: none; } .VueCtkDateTimeInline>input, .VueCtkDateTimeInline>f-button { display: none; } .date-time-picker>button { display: none !important; } .VueCtkDateTimeInline { display: inline-block; /*min-height: 308px;*/ /*min-width: 285px;*/ } f-data[type-datetime][disabled] .pickers-container .time-picker { display: none; } .f-fielddate-v-little.VueCtkDateTimeInline>div { padding-right: 15px; } /*------------*/ button.datepicker-button.spec_button.now.flex.align-center.justify-content-center { padding: 0 20px; position: relative; background-color: #fff; border: 1px solid transparent; border-radius: 4px; height: 30px; font-size: 14px; outline: none; cursor: pointer; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); color: #fff; font-weight: 500; } .datepicker-buttons-container .datepicker-button.now.spec_button .datepicker-button-content { color: #1e90ff; } .datepicker-buttons-container .datepicker-button.now.spec_button .datepicker-button-effect { background: #1e90ff; } .datepicker-buttons-container .datepicker-button.spec_button:hover .datepicker-button-effect { -webkit-transform: scale(1); transform: scale(1); } .datepicker-buttons-container .datepicker-button.now.spec_button:hover .datepicker-button-content { color: #FFFFFF; z-index: 1; } .datepicker-buttons-container .datepicker-button.spec_button .datepicker-button-effect { position: absolute; background: #00c853; top: 0; left: 0; bottom: 0; right: 0; height: 30px; border-radius: 4px; width: 100%; -webkit-transition: all .45s cubic-bezier(.23,1,.32,1) 0ms; transition: all .45s cubic-bezier(.23,1,.32,1) 0ms; -webkit-transform: scale(0); transform: scale(0); } .VueCtkDateTimeInline[type-time] { min-height: 200px; } .VueCtkDateTimeInline .dataPickerContainerComponent { min-width: 400px; } .VueCtkDateTimeInline[type-date]>.dataPickerContainerComponent { min-width: 270px; } .VueCtkDateTimeInline[type-time]>.dataPickerContainerComponent { min-width: 150px; } .VueCtkDateTimeInline .dataPickerContainerComponent .time-picker-column { max-width: 80px; } .VueCtkDateTimeInline .dataPickerContainerComponent .time-picker.inline { max-width: 140px; } /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .date-time-picker .datepicker .justify-content-right .custom-button-content { min-width: 65px; } .date-time-picker .datepicker .custom-button-content { min-width: 50px; } } /*@supports (-ms-ime-align:auto) { .time-picker-column { -ms-overflow-style: -ms-autohiding-scrollbar; } }*/ /*h1*/ .itsFielddoubleStyle-h1 .itsFieldTitle { font-size: 30px; } .itsFielddoubleStyle-h1 .itsFieldTitle>div { line-height: initial; vertical-align: initial; } .itsFielddoubleStyle-h1 .itsInputText>* { height: 45px !important; font-size: 30px; padding: 0 10px; } /*h2*/ .itsFielddoubleStyle-h2 .itsFieldTitle { font-size: 25px; } .itsFielddoubleStyle-h2 .itsFieldTitle>div { line-height: initial; vertical-align: initial; } .itsFielddoubleStyle-h2 .itsInputText>* { height: 40px !important; font-size: 25px; padding: 0 8px; } /*h3*/ .itsFielddoubleStyle-h3 .itsFieldTitle { font-size: 20px; } .itsFielddoubleStyle-h3 .itsFieldTitle>div { line-height: initial; vertical-align: initial; } .itsFielddoubleStyle-h3 .itsInputText>* { height: 35px !important; font-size: 20px; padding: 0 6px; } /*h4*/ .itsFielddoubleStyle-h4 .itsFieldTitle { font-size: 15px; } .itsFielddoubleStyle-h4 .itsFieldTitle>div { line-height: initial; vertical-align: initial; } .itsFielddoubleStyle-h4 .itsInputText>* { height: 30px !important; font-size: 15px; padding: 0 4px; } /*h5*/ .itsFielddoubleStyle-h5 .itsFieldTitle { font-size: 12px; } .itsFielddoubleStyle-h5 .itsFieldTitle>div { line-height: initial; vertical-align: initial; } .itsFielddoubleStyle-h5 .itsInputText>* { height: 25px !important; font-size: 12px; padding: 0 2px; } f-data[type-range-native] input { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; border: 0; overflow: hidden; background: transparent; display:block; } f-data[type-range-native][edit] input { cursor: pointer; } f-data[type-range-native] input:focus { outline: none; } f-data[type-range-native] input::-webkit-slider-runnable-track { width: 100%; height: 26px; background: -webkit-gradient(linear, left top, left bottom, from(#81C784), to(#81C784)) 100% 50%/100% 18px no-repeat transparent; background: linear-gradient(to bottom, #81C784, #81C784) 100% 50%/100% 18px no-repeat transparent; } f-data[type-range-native] input::-webkit-slider-thumb { position: relative; -webkit-appearance: none; appearance: none; height: 18px; width: 18px; top: 50%; margin-top: -9px; box-shadow: 1px 0 0 0 #ddd, 2px 0 0 0 #ddd, 3px 0 0 0 #ddd, 4px 0 0 0 #ddd, 5px 0 0 0 #ddd, 6px 0 0 0 #ddd, 7px 0 0 0 #ddd, 8px 0 0 0 #ddd, 9px 0 0 0 #ddd, 10px 0 0 0 #ddd, 11px 0 0 0 #ddd, 12px 0 0 0 #ddd, 13px 0 0 0 #ddd, 14px 0 0 0 #ddd, 15px 0 0 0 #ddd, 16px 0 0 0 #ddd, 17px 0 0 0 #ddd, 18px 0 0 0 #ddd, 19px 0 0 0 #ddd, 20px 0 0 0 #ddd, 21px 0 0 0 #ddd, 22px 0 0 0 #ddd, 23px 0 0 0 #ddd, 24px 0 0 0 #ddd, 25px 0 0 0 #ddd, 26px 0 0 0 #ddd, 27px 0 0 0 #ddd, 28px 0 0 0 #ddd, 29px 0 0 0 #ddd, 30px 0 0 0 #ddd, 31px 0 0 0 #ddd, 32px 0 0 0 #ddd, 33px 0 0 0 #ddd, 34px 0 0 0 #ddd, 35px 0 0 0 #ddd, 36px 0 0 0 #ddd, 37px 0 0 0 #ddd, 38px 0 0 0 #ddd, 39px 0 0 0 #ddd, 40px 0 0 0 #ddd, 41px 0 0 0 #ddd, 42px 0 0 0 #ddd, 43px 0 0 0 #ddd, 44px 0 0 0 #ddd, 45px 0 0 0 #ddd, 46px 0 0 0 #ddd, 47px 0 0 0 #ddd, 48px 0 0 0 #ddd, 49px 0 0 0 #ddd, 50px 0 0 0 #ddd, 51px 0 0 0 #ddd, 52px 0 0 0 #ddd, 53px 0 0 0 #ddd, 54px 0 0 0 #ddd, 55px 0 0 0 #ddd, 56px 0 0 0 #ddd, 57px 0 0 0 #ddd, 58px 0 0 0 #ddd, 59px 0 0 0 #ddd, 60px 0 0 0 #ddd, 61px 0 0 0 #ddd, 62px 0 0 0 #ddd, 63px 0 0 0 #ddd, 64px 0 0 0 #ddd, 65px 0 0 0 #ddd, 66px 0 0 0 #ddd, 67px 0 0 0 #ddd, 68px 0 0 0 #ddd, 69px 0 0 0 #ddd, 70px 0 0 0 #ddd, 71px 0 0 0 #ddd, 72px 0 0 0 #ddd, 73px 0 0 0 #ddd, 74px 0 0 0 #ddd, 75px 0 0 0 #ddd, 76px 0 0 0 #ddd, 77px 0 0 0 #ddd, 78px 0 0 0 #ddd, 79px 0 0 0 #ddd, 80px 0 0 0 #ddd, 81px 0 0 0 #ddd, 82px 0 0 0 #ddd, 83px 0 0 0 #ddd, 84px 0 0 0 #ddd, 85px 0 0 0 #ddd, 86px 0 0 0 #ddd, 87px 0 0 0 #ddd, 88px 0 0 0 #ddd, 89px 0 0 0 #ddd, 90px 0 0 0 #ddd, 91px 0 0 0 #ddd, 92px 0 0 0 #ddd, 93px 0 0 0 #ddd, 94px 0 0 0 #ddd, 95px 0 0 0 #ddd, 96px 0 0 0 #ddd, 97px 0 0 0 #ddd, 98px 0 0 0 #ddd, 99px 0 0 0 #ddd, 100px 0 0 0 #ddd, 101px 0 0 0 #ddd, 102px 0 0 0 #ddd, 103px 0 0 0 #ddd, 104px 0 0 0 #ddd, 105px 0 0 0 #ddd, 106px 0 0 0 #ddd, 107px 0 0 0 #ddd, 108px 0 0 0 #ddd, 109px 0 0 0 #ddd, 110px 0 0 0 #ddd, 111px 0 0 0 #ddd, 112px 0 0 0 #ddd, 113px 0 0 0 #ddd, 114px 0 0 0 #ddd, 115px 0 0 0 #ddd, 116px 0 0 0 #ddd, 117px 0 0 0 #ddd, 118px 0 0 0 #ddd, 119px 0 0 0 #ddd, 120px 0 0 0 #ddd, 121px 0 0 0 #ddd, 122px 0 0 0 #ddd, 123px 0 0 0 #ddd, 124px 0 0 0 #ddd, 125px 0 0 0 #ddd, 126px 0 0 0 #ddd, 127px 0 0 0 #ddd, 128px 0 0 0 #ddd, 129px 0 0 0 #ddd, 130px 0 0 0 #ddd, 131px 0 0 0 #ddd, 132px 0 0 0 #ddd, 133px 0 0 0 #ddd, 134px 0 0 0 #ddd, 135px 0 0 0 #ddd, 136px 0 0 0 #ddd, 137px 0 0 0 #ddd, 138px 0 0 0 #ddd, 139px 0 0 0 #ddd, 140px 0 0 0 #ddd, 141px 0 0 0 #ddd, 142px 0 0 0 #ddd, 143px 0 0 0 #ddd, 144px 0 0 0 #ddd, 145px 0 0 0 #ddd, 146px 0 0 0 #ddd, 147px 0 0 0 #ddd, 148px 0 0 0 #ddd, 149px 0 0 0 #ddd, 150px 0 0 0 #ddd, 151px 0 0 0 #ddd, 152px 0 0 0 #ddd, 153px 0 0 0 #ddd, 154px 0 0 0 #ddd, 155px 0 0 0 #ddd, 156px 0 0 0 #ddd, 157px 0 0 0 #ddd, 158px 0 0 0 #ddd, 159px 0 0 0 #ddd, 160px 0 0 0 #ddd, 161px 0 0 0 #ddd, 162px 0 0 0 #ddd, 163px 0 0 0 #ddd, 164px 0 0 0 #ddd, 165px 0 0 0 #ddd, 166px 0 0 0 #ddd, 167px 0 0 0 #ddd, 168px 0 0 0 #ddd, 169px 0 0 0 #ddd, 170px 0 0 0 #ddd, 171px 0 0 0 #ddd, 172px 0 0 0 #ddd, 173px 0 0 0 #ddd, 174px 0 0 0 #ddd, 175px 0 0 0 #ddd, 176px 0 0 0 #ddd, 177px 0 0 0 #ddd, 178px 0 0 0 #ddd, 179px 0 0 0 #ddd, 180px 0 0 0 #ddd, 181px 0 0 0 #ddd, 182px 0 0 0 #ddd, 183px 0 0 0 #ddd, 184px 0 0 0 #ddd, 185px 0 0 0 #ddd, 186px 0 0 0 #ddd, 187px 0 0 0 #ddd, 188px 0 0 0 #ddd, 189px 0 0 0 #ddd, 190px 0 0 0 #ddd, 191px 0 0 0 #ddd, 192px 0 0 0 #ddd, 193px 0 0 0 #ddd, 194px 0 0 0 #ddd, 195px 0 0 0 #ddd, 196px 0 0 0 #ddd, 197px 0 0 0 #ddd, 198px 0 0 0 #ddd, 199px 0 0 0 #ddd, 200px 0 0 0 #ddd, 201px 0 0 0 #ddd, 202px 0 0 0 #ddd, 203px 0 0 0 #ddd, 204px 0 0 0 #ddd, 205px 0 0 0 #ddd, 206px 0 0 0 #ddd, 207px 0 0 0 #ddd, 208px 0 0 0 #ddd, 209px 0 0 0 #ddd, 210px 0 0 0 #ddd, 211px 0 0 0 #ddd, 212px 0 0 0 #ddd, 213px 0 0 0 #ddd, 214px 0 0 0 #ddd, 215px 0 0 0 #ddd, 216px 0 0 0 #ddd, 217px 0 0 0 #ddd, 218px 0 0 0 #ddd, 219px 0 0 0 #ddd, 220px 0 0 0 #ddd, 221px 0 0 0 #ddd, 222px 0 0 0 #ddd, 223px 0 0 0 #ddd, 224px 0 0 0 #ddd, 225px 0 0 0 #ddd, 226px 0 0 0 #ddd, 227px 0 0 0 #ddd, 228px 0 0 0 #ddd, 229px 0 0 0 #ddd, 230px 0 0 0 #ddd, 231px 0 0 0 #ddd, 232px 0 0 0 #ddd, 233px 0 0 0 #ddd, 234px 0 0 0 #ddd, 235px 0 0 0 #ddd, 236px 0 0 0 #ddd, 237px 0 0 0 #ddd, 238px 0 0 0 #ddd, 239px 0 0 0 #ddd, 240px 0 0 0 #ddd, 241px 0 0 0 #ddd, 242px 0 0 0 #ddd, 243px 0 0 0 #ddd, 244px 0 0 0 #ddd, 245px 0 0 0 #ddd, 246px 0 0 0 #ddd, 247px 0 0 0 #ddd, 248px 0 0 0 #ddd, 249px 0 0 0 #ddd, 250px 0 0 0 #ddd, 251px 0 0 0 #ddd, 252px 0 0 0 #ddd, 253px 0 0 0 #ddd, 254px 0 0 0 #ddd, 255px 0 0 0 #ddd, 256px 0 0 0 #ddd, 257px 0 0 0 #ddd, 258px 0 0 0 #ddd, 259px 0 0 0 #ddd, 260px 0 0 0 #ddd, 261px 0 0 0 #ddd, 262px 0 0 0 #ddd, 263px 0 0 0 #ddd, 264px 0 0 0 #ddd, 265px 0 0 0 #ddd, 266px 0 0 0 #ddd, 267px 0 0 0 #ddd, 268px 0 0 0 #ddd, 269px 0 0 0 #ddd, 270px 0 0 0 #ddd, 271px 0 0 0 #ddd, 272px 0 0 0 #ddd, 273px 0 0 0 #ddd, 274px 0 0 0 #ddd, 275px 0 0 0 #ddd, 276px 0 0 0 #ddd, 277px 0 0 0 #ddd, 278px 0 0 0 #ddd, 279px 0 0 0 #ddd, 280px 0 0 0 #ddd, 281px 0 0 0 #ddd, 282px 0 0 0 #ddd, 283px 0 0 0 #ddd, 284px 0 0 0 #ddd, 285px 0 0 0 #ddd, 286px 0 0 0 #ddd, 287px 0 0 0 #ddd, 288px 0 0 0 #ddd, 289px 0 0 0 #ddd, 290px 0 0 0 #ddd, 291px 0 0 0 #ddd, 292px 0 0 0 #ddd, 293px 0 0 0 #ddd, 294px 0 0 0 #ddd, 295px 0 0 0 #ddd, 296px 0 0 0 #ddd, 297px 0 0 0 #ddd, 298px 0 0 0 #ddd, 299px 0 0 0 #ddd, 300px 0 0 0 #ddd, 301px 0 0 0 #ddd, 302px 0 0 0 #ddd, 303px 0 0 0 #ddd, 304px 0 0 0 #ddd, 305px 0 0 0 #ddd, 306px 0 0 0 #ddd, 307px 0 0 0 #ddd, 308px 0 0 0 #ddd, 309px 0 0 0 #ddd, 310px 0 0 0 #ddd, 311px 0 0 0 #ddd, 312px 0 0 0 #ddd, 313px 0 0 0 #ddd, 314px 0 0 0 #ddd, 315px 0 0 0 #ddd, 316px 0 0 0 #ddd, 317px 0 0 0 #ddd, 318px 0 0 0 #ddd, 319px 0 0 0 #ddd, 320px 0 0 0 #ddd, 321px 0 0 0 #ddd, 322px 0 0 0 #ddd, 323px 0 0 0 #ddd, 324px 0 0 0 #ddd, 325px 0 0 0 #ddd, 326px 0 0 0 #ddd, 327px 0 0 0 #ddd, 328px 0 0 0 #ddd, 329px 0 0 0 #ddd, 330px 0 0 0 #ddd, 331px 0 0 0 #ddd, 332px 0 0 0 #ddd, 333px 0 0 0 #ddd, 334px 0 0 0 #ddd, 335px 0 0 0 #ddd, 336px 0 0 0 #ddd, 337px 0 0 0 #ddd, 338px 0 0 0 #ddd, 339px 0 0 0 #ddd, 340px 0 0 0 #ddd, 341px 0 0 0 #ddd, 342px 0 0 0 #ddd, 343px 0 0 0 #ddd, 344px 0 0 0 #ddd, 345px 0 0 0 #ddd, 346px 0 0 0 #ddd, 347px 0 0 0 #ddd, 348px 0 0 0 #ddd, 349px 0 0 0 #ddd, 350px 0 0 0 #ddd, 351px 0 0 0 #ddd, 352px 0 0 0 #ddd, 353px 0 0 0 #ddd, 354px 0 0 0 #ddd, 355px 0 0 0 #ddd, 356px 0 0 0 #ddd, 357px 0 0 0 #ddd, 358px 0 0 0 #ddd, 359px 0 0 0 #ddd, 360px 0 0 0 #ddd, 361px 0 0 0 #ddd, 362px 0 0 0 #ddd, 363px 0 0 0 #ddd, 364px 0 0 0 #ddd, 365px 0 0 0 #ddd, 366px 0 0 0 #ddd, 367px 0 0 0 #ddd, 368px 0 0 0 #ddd, 369px 0 0 0 #ddd, 370px 0 0 0 #ddd, 371px 0 0 0 #ddd, 372px 0 0 0 #ddd, 373px 0 0 0 #ddd, 374px 0 0 0 #ddd, 375px 0 0 0 #ddd, 376px 0 0 0 #ddd, 377px 0 0 0 #ddd, 378px 0 0 0 #ddd, 379px 0 0 0 #ddd, 380px 0 0 0 #ddd, 381px 0 0 0 #ddd, 382px 0 0 0 #ddd, 383px 0 0 0 #ddd, 384px 0 0 0 #ddd, 385px 0 0 0 #ddd, 386px 0 0 0 #ddd, 387px 0 0 0 #ddd, 388px 0 0 0 #ddd, 389px 0 0 0 #ddd, 390px 0 0 0 #ddd, 391px 0 0 0 #ddd, 392px 0 0 0 #ddd, 393px 0 0 0 #ddd, 394px 0 0 0 #ddd, 395px 0 0 0 #ddd, 396px 0 0 0 #ddd, 397px 0 0 0 #ddd, 398px 0 0 0 #ddd, 399px 0 0 0 #ddd, 400px 0 0 0 #ddd, 401px 0 0 0 #ddd, 402px 0 0 0 #ddd, 403px 0 0 0 #ddd, 404px 0 0 0 #ddd, 405px 0 0 0 #ddd, 406px 0 0 0 #ddd, 407px 0 0 0 #ddd, 408px 0 0 0 #ddd, 409px 0 0 0 #ddd, 410px 0 0 0 #ddd, 411px 0 0 0 #ddd, 412px 0 0 0 #ddd, 413px 0 0 0 #ddd, 414px 0 0 0 #ddd, 415px 0 0 0 #ddd, 416px 0 0 0 #ddd, 417px 0 0 0 #ddd, 418px 0 0 0 #ddd, 419px 0 0 0 #ddd, 420px 0 0 0 #ddd, 421px 0 0 0 #ddd, 422px 0 0 0 #ddd, 423px 0 0 0 #ddd, 424px 0 0 0 #ddd, 425px 0 0 0 #ddd, 426px 0 0 0 #ddd, 427px 0 0 0 #ddd, 428px 0 0 0 #ddd, 429px 0 0 0 #ddd, 430px 0 0 0 #ddd, 431px 0 0 0 #ddd, 432px 0 0 0 #ddd, 433px 0 0 0 #ddd, 434px 0 0 0 #ddd, 435px 0 0 0 #ddd, 436px 0 0 0 #ddd, 437px 0 0 0 #ddd, 438px 0 0 0 #ddd, 439px 0 0 0 #ddd, 440px 0 0 0 #ddd, 441px 0 0 0 #ddd, 442px 0 0 0 #ddd, 443px 0 0 0 #ddd, 444px 0 0 0 #ddd, 445px 0 0 0 #ddd, 446px 0 0 0 #ddd, 447px 0 0 0 #ddd, 448px 0 0 0 #ddd, 449px 0 0 0 #ddd, 450px 0 0 0 #ddd, 451px 0 0 0 #ddd, 452px 0 0 0 #ddd, 453px 0 0 0 #ddd, 454px 0 0 0 #ddd, 455px 0 0 0 #ddd, 456px 0 0 0 #ddd, 457px 0 0 0 #ddd, 458px 0 0 0 #ddd, 459px 0 0 0 #ddd, 460px 0 0 0 #ddd, 461px 0 0 0 #ddd, 462px 0 0 0 #ddd, 463px 0 0 0 #ddd, 464px 0 0 0 #ddd, 465px 0 0 0 #ddd, 466px 0 0 0 #ddd, 467px 0 0 0 #ddd, 468px 0 0 0 #ddd, 469px 0 0 0 #ddd, 470px 0 0 0 #ddd, 471px 0 0 0 #ddd, 472px 0 0 0 #ddd, 473px 0 0 0 #ddd, 474px 0 0 0 #ddd, 475px 0 0 0 #ddd, 476px 0 0 0 #ddd, 477px 0 0 0 #ddd, 478px 0 0 0 #ddd, 479px 0 0 0 #ddd, 480px 0 0 0 #ddd, 481px 0 0 0 #ddd, 482px 0 0 0 #ddd, 483px 0 0 0 #ddd, 484px 0 0 0 #ddd, 485px 0 0 0 #ddd, 486px 0 0 0 #ddd, 487px 0 0 0 #ddd, 488px 0 0 0 #ddd, 489px 0 0 0 #ddd, 490px 0 0 0 #ddd, 491px 0 0 0 #ddd, 492px 0 0 0 #ddd, 493px 0 0 0 #ddd, 494px 0 0 0 #ddd, 495px 0 0 0 #ddd, 496px 0 0 0 #ddd, 497px 0 0 0 #ddd, 498px 0 0 0 #ddd, 499px 0 0 0 #ddd, 500px 0 0 0 #ddd, 501px 0 0 0 #ddd, 502px 0 0 0 #ddd, 503px 0 0 0 #ddd, 504px 0 0 0 #ddd, 505px 0 0 0 #ddd, 506px 0 0 0 #ddd, 507px 0 0 0 #ddd, 508px 0 0 0 #ddd, 509px 0 0 0 #ddd, 510px 0 0 0 #ddd, 511px 0 0 0 #ddd, 512px 0 0 0 #ddd, 513px 0 0 0 #ddd, 514px 0 0 0 #ddd, 515px 0 0 0 #ddd, 516px 0 0 0 #ddd, 517px 0 0 0 #ddd, 518px 0 0 0 #ddd, 519px 0 0 0 #ddd, 520px 0 0 0 #ddd, 521px 0 0 0 #ddd, 522px 0 0 0 #ddd, 523px 0 0 0 #ddd, 524px 0 0 0 #ddd, 525px 0 0 0 #ddd, 526px 0 0 0 #ddd, 527px 0 0 0 #ddd, 528px 0 0 0 #ddd, 529px 0 0 0 #ddd, 530px 0 0 0 #ddd, 531px 0 0 0 #ddd, 532px 0 0 0 #ddd, 533px 0 0 0 #ddd, 534px 0 0 0 #ddd, 535px 0 0 0 #ddd, 536px 0 0 0 #ddd, 537px 0 0 0 #ddd, 538px 0 0 0 #ddd, 539px 0 0 0 #ddd, 540px 0 0 0 #ddd, 541px 0 0 0 #ddd, 542px 0 0 0 #ddd, 543px 0 0 0 #ddd, 544px 0 0 0 #ddd, 545px 0 0 0 #ddd, 546px 0 0 0 #ddd, 547px 0 0 0 #ddd, 548px 0 0 0 #ddd, 549px 0 0 0 #ddd, 550px 0 0 0 #ddd, 551px 0 0 0 #ddd, 552px 0 0 0 #ddd, 553px 0 0 0 #ddd, 554px 0 0 0 #ddd, 555px 0 0 0 #ddd, 556px 0 0 0 #ddd, 557px 0 0 0 #ddd, 558px 0 0 0 #ddd, 559px 0 0 0 #ddd, 560px 0 0 0 #ddd, 561px 0 0 0 #ddd, 562px 0 0 0 #ddd, 563px 0 0 0 #ddd, 564px 0 0 0 #ddd, 565px 0 0 0 #ddd, 566px 0 0 0 #ddd, 567px 0 0 0 #ddd, 568px 0 0 0 #ddd, 569px 0 0 0 #ddd, 570px 0 0 0 #ddd, 571px 0 0 0 #ddd, 572px 0 0 0 #ddd, 573px 0 0 0 #ddd, 574px 0 0 0 #ddd, 575px 0 0 0 #ddd, 576px 0 0 0 #ddd, 577px 0 0 0 #ddd, 578px 0 0 0 #ddd, 579px 0 0 0 #ddd, 580px 0 0 0 #ddd, 581px 0 0 0 #ddd, 582px 0 0 0 #ddd, 583px 0 0 0 #ddd, 584px 0 0 0 #ddd, 585px 0 0 0 #ddd, 586px 0 0 0 #ddd, 587px 0 0 0 #ddd, 588px 0 0 0 #ddd, 589px 0 0 0 #ddd, 590px 0 0 0 #ddd, 591px 0 0 0 #ddd, 592px 0 0 0 #ddd, 593px 0 0 0 #ddd, 594px 0 0 0 #ddd, 595px 0 0 0 #ddd, 596px 0 0 0 #ddd, 597px 0 0 0 #ddd, 598px 0 0 0 #ddd, 599px 0 0 0 #ddd, 600px 0 0 0 #ddd, 601px 0 0 0 #ddd, 602px 0 0 0 #ddd, 603px 0 0 0 #ddd, 604px 0 0 0 #ddd, 605px 0 0 0 #ddd, 606px 0 0 0 #ddd, 607px 0 0 0 #ddd, 608px 0 0 0 #ddd, 609px 0 0 0 #ddd, 610px 0 0 0 #ddd, 611px 0 0 0 #ddd, 612px 0 0 0 #ddd, 613px 0 0 0 #ddd, 614px 0 0 0 #ddd, 615px 0 0 0 #ddd, 616px 0 0 0 #ddd, 617px 0 0 0 #ddd, 618px 0 0 0 #ddd, 619px 0 0 0 #ddd, 620px 0 0 0 #ddd, 621px 0 0 0 #ddd, 622px 0 0 0 #ddd, 623px 0 0 0 #ddd, 624px 0 0 0 #ddd, 625px 0 0 0 #ddd, 626px 0 0 0 #ddd, 627px 0 0 0 #ddd, 628px 0 0 0 #ddd, 629px 0 0 0 #ddd, 630px 0 0 0 #ddd, 631px 0 0 0 #ddd, 632px 0 0 0 #ddd, 633px 0 0 0 #ddd, 634px 0 0 0 #ddd, 635px 0 0 0 #ddd, 636px 0 0 0 #ddd, 637px 0 0 0 #ddd, 638px 0 0 0 #ddd, 639px 0 0 0 #ddd, 640px 0 0 0 #ddd, 641px 0 0 0 #ddd, 642px 0 0 0 #ddd, 643px 0 0 0 #ddd, 644px 0 0 0 #ddd, 645px 0 0 0 #ddd, 646px 0 0 0 #ddd, 647px 0 0 0 #ddd, 648px 0 0 0 #ddd, 649px 0 0 0 #ddd, 650px 0 0 0 #ddd, 651px 0 0 0 #ddd, 652px 0 0 0 #ddd, 653px 0 0 0 #ddd, 654px 0 0 0 #ddd, 655px 0 0 0 #ddd, 656px 0 0 0 #ddd, 657px 0 0 0 #ddd, 658px 0 0 0 #ddd, 659px 0 0 0 #ddd, 660px 0 0 0 #ddd, 661px 0 0 0 #ddd, 662px 0 0 0 #ddd, 663px 0 0 0 #ddd, 664px 0 0 0 #ddd, 665px 0 0 0 #ddd, 666px 0 0 0 #ddd, 667px 0 0 0 #ddd, 668px 0 0 0 #ddd, 669px 0 0 0 #ddd, 670px 0 0 0 #ddd, 671px 0 0 0 #ddd, 672px 0 0 0 #ddd, 673px 0 0 0 #ddd, 674px 0 0 0 #ddd, 675px 0 0 0 #ddd, 676px 0 0 0 #ddd, 677px 0 0 0 #ddd, 678px 0 0 0 #ddd, 679px 0 0 0 #ddd, 680px 0 0 0 #ddd, 681px 0 0 0 #ddd, 682px 0 0 0 #ddd, 683px 0 0 0 #ddd, 684px 0 0 0 #ddd, 685px 0 0 0 #ddd, 686px 0 0 0 #ddd, 687px 0 0 0 #ddd, 688px 0 0 0 #ddd, 689px 0 0 0 #ddd, 690px 0 0 0 #ddd, 691px 0 0 0 #ddd, 692px 0 0 0 #ddd, 693px 0 0 0 #ddd, 694px 0 0 0 #ddd, 695px 0 0 0 #ddd, 696px 0 0 0 #ddd, 697px 0 0 0 #ddd, 698px 0 0 0 #ddd, 699px 0 0 0 #ddd, 700px 0 0 0 #ddd, 701px 0 0 0 #ddd, 702px 0 0 0 #ddd, 703px 0 0 0 #ddd, 704px 0 0 0 #ddd, 705px 0 0 0 #ddd, 706px 0 0 0 #ddd, 707px 0 0 0 #ddd, 708px 0 0 0 #ddd, 709px 0 0 0 #ddd, 710px 0 0 0 #ddd, 711px 0 0 0 #ddd, 712px 0 0 0 #ddd, 713px 0 0 0 #ddd, 714px 0 0 0 #ddd, 715px 0 0 0 #ddd, 716px 0 0 0 #ddd, 717px 0 0 0 #ddd, 718px 0 0 0 #ddd, 719px 0 0 0 #ddd, 720px 0 0 0 #ddd, 721px 0 0 0 #ddd, 722px 0 0 0 #ddd, 723px 0 0 0 #ddd, 724px 0 0 0 #ddd, 725px 0 0 0 #ddd, 726px 0 0 0 #ddd, 727px 0 0 0 #ddd, 728px 0 0 0 #ddd, 729px 0 0 0 #ddd, 730px 0 0 0 #ddd, 731px 0 0 0 #ddd, 732px 0 0 0 #ddd, 733px 0 0 0 #ddd, 734px 0 0 0 #ddd, 735px 0 0 0 #ddd, 736px 0 0 0 #ddd, 737px 0 0 0 #ddd, 738px 0 0 0 #ddd, 739px 0 0 0 #ddd, 740px 0 0 0 #ddd, 741px 0 0 0 #ddd, 742px 0 0 0 #ddd, 743px 0 0 0 #ddd, 744px 0 0 0 #ddd, 745px 0 0 0 #ddd, 746px 0 0 0 #ddd, 747px 0 0 0 #ddd, 748px 0 0 0 #ddd, 749px 0 0 0 #ddd, 750px 0 0 0 #ddd, 751px 0 0 0 #ddd, 752px 0 0 0 #ddd, 753px 0 0 0 #ddd, 754px 0 0 0 #ddd, 755px 0 0 0 #ddd, 756px 0 0 0 #ddd, 757px 0 0 0 #ddd, 758px 0 0 0 #ddd, 759px 0 0 0 #ddd, 760px 0 0 0 #ddd, 761px 0 0 0 #ddd, 762px 0 0 0 #ddd, 763px 0 0 0 #ddd, 764px 0 0 0 #ddd, 765px 0 0 0 #ddd, 766px 0 0 0 #ddd, 767px 0 0 0 #ddd, 768px 0 0 0 #ddd, 769px 0 0 0 #ddd, 770px 0 0 0 #ddd, 771px 0 0 0 #ddd, 772px 0 0 0 #ddd, 773px 0 0 0 #ddd, 774px 0 0 0 #ddd, 775px 0 0 0 #ddd, 776px 0 0 0 #ddd, 777px 0 0 0 #ddd, 778px 0 0 0 #ddd, 779px 0 0 0 #ddd, 780px 0 0 0 #ddd, 781px 0 0 0 #ddd, 782px 0 0 0 #ddd, 783px 0 0 0 #ddd, 784px 0 0 0 #ddd, 785px 0 0 0 #ddd, 786px 0 0 0 #ddd, 787px 0 0 0 #ddd, 788px 0 0 0 #ddd, 789px 0 0 0 #ddd, 790px 0 0 0 #ddd, 791px 0 0 0 #ddd, 792px 0 0 0 #ddd, 793px 0 0 0 #ddd, 794px 0 0 0 #ddd, 795px 0 0 0 #ddd, 796px 0 0 0 #ddd, 797px 0 0 0 #ddd, 798px 0 0 0 #ddd, 799px 0 0 0 #ddd, 800px 0 0 0 #ddd, 801px 0 0 0 #ddd, 802px 0 0 0 #ddd, 803px 0 0 0 #ddd, 804px 0 0 0 #ddd, 805px 0 0 0 #ddd, 806px 0 0 0 #ddd, 807px 0 0 0 #ddd, 808px 0 0 0 #ddd, 809px 0 0 0 #ddd, 810px 0 0 0 #ddd, 811px 0 0 0 #ddd, 812px 0 0 0 #ddd, 813px 0 0 0 #ddd, 814px 0 0 0 #ddd, 815px 0 0 0 #ddd, 816px 0 0 0 #ddd, 817px 0 0 0 #ddd, 818px 0 0 0 #ddd, 819px 0 0 0 #ddd, 820px 0 0 0 #ddd, 821px 0 0 0 #ddd, 822px 0 0 0 #ddd, 823px 0 0 0 #ddd, 824px 0 0 0 #ddd, 825px 0 0 0 #ddd, 826px 0 0 0 #ddd, 827px 0 0 0 #ddd, 828px 0 0 0 #ddd, 829px 0 0 0 #ddd, 830px 0 0 0 #ddd, 831px 0 0 0 #ddd, 832px 0 0 0 #ddd, 833px 0 0 0 #ddd, 834px 0 0 0 #ddd, 835px 0 0 0 #ddd, 836px 0 0 0 #ddd, 837px 0 0 0 #ddd, 838px 0 0 0 #ddd, 839px 0 0 0 #ddd, 840px 0 0 0 #ddd, 841px 0 0 0 #ddd, 842px 0 0 0 #ddd, 843px 0 0 0 #ddd, 844px 0 0 0 #ddd, 845px 0 0 0 #ddd, 846px 0 0 0 #ddd, 847px 0 0 0 #ddd, 848px 0 0 0 #ddd, 849px 0 0 0 #ddd, 850px 0 0 0 #ddd, 851px 0 0 0 #ddd, 852px 0 0 0 #ddd, 853px 0 0 0 #ddd, 854px 0 0 0 #ddd, 855px 0 0 0 #ddd, 856px 0 0 0 #ddd, 857px 0 0 0 #ddd, 858px 0 0 0 #ddd, 859px 0 0 0 #ddd, 860px 0 0 0 #ddd, 861px 0 0 0 #ddd, 862px 0 0 0 #ddd, 863px 0 0 0 #ddd, 864px 0 0 0 #ddd, 865px 0 0 0 #ddd, 866px 0 0 0 #ddd, 867px 0 0 0 #ddd, 868px 0 0 0 #ddd, 869px 0 0 0 #ddd, 870px 0 0 0 #ddd, 871px 0 0 0 #ddd, 872px 0 0 0 #ddd, 873px 0 0 0 #ddd, 874px 0 0 0 #ddd, 875px 0 0 0 #ddd, 876px 0 0 0 #ddd, 877px 0 0 0 #ddd, 878px 0 0 0 #ddd, 879px 0 0 0 #ddd, 880px 0 0 0 #ddd, 881px 0 0 0 #ddd, 882px 0 0 0 #ddd, 883px 0 0 0 #ddd, 884px 0 0 0 #ddd, 885px 0 0 0 #ddd, 886px 0 0 0 #ddd, 887px 0 0 0 #ddd, 888px 0 0 0 #ddd, 889px 0 0 0 #ddd, 890px 0 0 0 #ddd, 891px 0 0 0 #ddd, 892px 0 0 0 #ddd, 893px 0 0 0 #ddd, 894px 0 0 0 #ddd, 895px 0 0 0 #ddd, 896px 0 0 0 #ddd, 897px 0 0 0 #ddd, 898px 0 0 0 #ddd, 899px 0 0 0 #ddd, 900px 0 0 0 #ddd, 901px 0 0 0 #ddd, 902px 0 0 0 #ddd, 903px 0 0 0 #ddd, 904px 0 0 0 #ddd, 905px 0 0 0 #ddd, 906px 0 0 0 #ddd, 907px 0 0 0 #ddd, 908px 0 0 0 #ddd, 909px 0 0 0 #ddd, 910px 0 0 0 #ddd, 911px 0 0 0 #ddd, 912px 0 0 0 #ddd, 913px 0 0 0 #ddd, 914px 0 0 0 #ddd, 915px 0 0 0 #ddd, 916px 0 0 0 #ddd, 917px 0 0 0 #ddd, 918px 0 0 0 #ddd, 919px 0 0 0 #ddd, 920px 0 0 0 #ddd, 921px 0 0 0 #ddd, 922px 0 0 0 #ddd, 923px 0 0 0 #ddd, 924px 0 0 0 #ddd, 925px 0 0 0 #ddd, 926px 0 0 0 #ddd, 927px 0 0 0 #ddd, 928px 0 0 0 #ddd, 929px 0 0 0 #ddd, 930px 0 0 0 #ddd, 931px 0 0 0 #ddd, 932px 0 0 0 #ddd, 933px 0 0 0 #ddd, 934px 0 0 0 #ddd, 935px 0 0 0 #ddd, 936px 0 0 0 #ddd, 937px 0 0 0 #ddd, 938px 0 0 0 #ddd, 939px 0 0 0 #ddd, 940px 0 0 0 #ddd, 941px 0 0 0 #ddd, 942px 0 0 0 #ddd, 943px 0 0 0 #ddd, 944px 0 0 0 #ddd, 945px 0 0 0 #ddd, 946px 0 0 0 #ddd, 947px 0 0 0 #ddd, 948px 0 0 0 #ddd, 949px 0 0 0 #ddd, 950px 0 0 0 #ddd, 951px 0 0 0 #ddd, 952px 0 0 0 #ddd, 953px 0 0 0 #ddd, 954px 0 0 0 #ddd, 955px 0 0 0 #ddd, 956px 0 0 0 #ddd, 957px 0 0 0 #ddd, 958px 0 0 0 #ddd, 959px 0 0 0 #ddd, 960px 0 0 0 #ddd, 961px 0 0 0 #ddd, 962px 0 0 0 #ddd, 963px 0 0 0 #ddd, 964px 0 0 0 #ddd, 965px 0 0 0 #ddd, 966px 0 0 0 #ddd, 967px 0 0 0 #ddd, 968px 0 0 0 #ddd, 969px 0 0 0 #ddd, 970px 0 0 0 #ddd, 971px 0 0 0 #ddd, 972px 0 0 0 #ddd, 973px 0 0 0 #ddd, 974px 0 0 0 #ddd, 975px 0 0 0 #ddd, 976px 0 0 0 #ddd, 977px 0 0 0 #ddd, 978px 0 0 0 #ddd, 979px 0 0 0 #ddd, 980px 0 0 0 #ddd, 981px 0 0 0 #ddd, 982px 0 0 0 #ddd, 983px 0 0 0 #ddd, 984px 0 0 0 #ddd, 985px 0 0 0 #ddd, 986px 0 0 0 #ddd, 987px 0 0 0 #ddd, 988px 0 0 0 #ddd, 989px 0 0 0 #ddd, 990px 0 0 0 #ddd, 991px 0 0 0 #ddd, 992px 0 0 0 #ddd, 993px 0 0 0 #ddd, 994px 0 0 0 #ddd, 995px 0 0 0 #ddd, 996px 0 0 0 #ddd, 997px 0 0 0 #ddd, 998px 0 0 0 #ddd, 999px 0 0 0 #ddd, 1000px 0 0 0 #ddd; -webkit-transition: background-color 150ms; transition: background-color 150ms; } f-data[type-range-native][edit] input::-webkit-slider-thumb { border-radius: 50%; border: 1px solid #fff; } f-data[type-range-native][edit] input:hover::-webkit-slider-thumb, f-data[type-range-native][edit] input:focus::-webkit-slider-thumb { background-color: #66BB6A; } /* MOZ */ f-data[type-range-native] input::-moz-range-track, f-data[type-range-native] input::-moz-range-progress { width: 100%; height: 26px; background: linear-gradient(to bottom, #ddd, #ddd) 100% 50%/100% 18px no-repeat transparent; } f-data[type-range-native] input::-moz-range-progress { background: linear-gradient(to bottom, #81C784, #81C784) 100% 50%/100% 18px no-repeat transparent; } f-data[type-range-native] input::-moz-range-thumb { -moz-appearance: none; appearance: none; margin: 0; height: 18px; width: 18px; background: #81C784; border: 0; border-radius: 0; -moz-transition: background-color 150ms; transition: background-color 150ms; } f-data[type-range-native][edit] input::-moz-range-thumb { border-radius: 50%; border: 1px solid #fff; } f-data[type-range-native][edit] input:hover::-moz-range-thumb, f-data[type-range-native][edit] input:focus::-moz-range-thumb { background-color: #66BB6A; } /* EDGE */ f-data[type-range-native] input::-ms-track { height: 26px; background: transparent; border: 0; color: transparent; width: 100%; } f-data[type-range-native] input::-ms-fill-lower { background: linear-gradient(to bottom, #81C784, #81C784) 100% 50%/100% 18px no-repeat transparent; } f-data[type-range-native] input::-ms-fill-upper { background: linear-gradient(to bottom, #ddd, #ddd) 100% 50%/100% 18px no-repeat transparent; } f-data[type-range-native] input::-ms-thumb { appearance: none; height: 18px; width: 18px; background: #81C784; -ms-transition: background-color 150ms; transition: background-color 150ms; top: 0; margin: 0; box-shadow: none; border: 0; } /*f-data[type-range-native]:not(.showEdgeNative) input::-ms-thumb, f-data[type-range-native]:not(.showEdgeNative) input::-ms-fill-lower { opacity: 0; }*/ f-data[type-range-native][edit] input::-ms-thumb { border-radius: 50%; border: 1px solid #fff; } f-data[type-range-native][edit] input:hover::-ms-thumb, f-data[type-range-native][edit] input:focus::-ms-thumb { background-color: #66BB6A; } .introjs-tooltipReferenceLayer{ margin: 0 -20px 0 20px !important; } .mediaElementContainer { display: none; } .mediaElementShadow { position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; } .mediaElementVideoContainer>* { display: none; } .DocumentAttachmentsList.AttachmentsSpecialPreview .webm, .DocumentAttachmentsList.AttachmentsSpecialPreview .mp4, .DocumentAttachmentsList.AttachmentsSpecialPreview .avi, .DocumentAttachmentsList.AttachmentsSpecialPreview .mp3 { background-color: rgb(104, 109, 224); cursor: pointer; } .mediaElementContainer .mejs__container.mejs__video { z-index: 1; } .itsScrollPanelBody.itsContainerHorizontal>.xpdMenu.xpdMenuWisChild>.xpdMenuBody, .xpdTooltip_rb.xpdMenuBody { padding-left: 0; } .itsScrollPanelBody.itsContainerHorizontal>.xpdMenu.xpdMenuWisChild>.xpdMenuTitle { border-right: 1px solid rgb(110, 110, 110); } .xpdMenuTitle:before { margin: 0 4px 0 3px; vertical-align: middle; top: -2px; position: relative; line-height: inherit; /*vertical-align: middle; margin-left: -22px; position: absolute; line-height: inherit;*/ } /*.xpdMenuTitle:not([class*="icon-"]):before{ content: ""; }*/ /*.xpdMenuWisChild>.xpdMenuTitle*/ .xpdMenu>a { padding-left: 20px; padding-right: 20px; } /*.xpdMenuTitle[class*="icon-"] { padding-left: 44px; }*/ .xpdMenu.itsDndCont{ padding-right:0!important; border-right:0!important; outline:none!important; } .xpdMenuTitle { /*padding: 3px 16px 3px 10px;*/ /*padding: 3px 10px 3px 10px;*/ padding: 5px 10px 5px 10px; line-height: 20px; color: rgb(110, 110, 110); width: auto; position:relative; white-space: nowrap; } .xpdMenuTitleClicable:hover, .xpdMenuTitleClicable[active-hover] { cursor: pointer; background: rgba(0, 0, 0,.08); text-decoration: none; } .xpdMenuTitle[active]{ background-color: rgba(0, 0, 0,.1); } [state="closed"]>.xpdMenuTitle[active-open] { background-color: rgba(0, 0, 0,.1); } [class*="menu-c-"] .xpdMenuTitle[active]{ background-color: rgba(0, 0, 0,.25); } [class*="menu-c-"] [state="closed"]>.xpdMenuTitle[active-open] { background-color: rgba(0, 0, 0,.25); } .itsContainerHorizontal>.xpdMenu { position: relative; } .itsContainerHorizontal>.xpdMenu>.xpdMenuBody { position: absolute; z-index:100; } .xpdMenuBody { box-sizing: border-box; overflow: hidden; background: white; width: auto; } .xpdMenuBody.xpdMenuPopup { background: white; overflow: initial; } [state="closed"]>.xpdMenuBody { height: 0; } [state="closed"]>.xpdMenuPopup.xpdMenuBody { display: none; } .xpdMenuWisChild { position: relative; } [state="closed"].xpdMenuWisChild>.xpdMenuTitle:after, .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after { content: ""; display: block; border:5px solid transparent; opacity: .5; width: 1px; height: 1px; position: absolute; top: 10px; right: 7px; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild>.xpdMenuTitle:after, .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after { content: ""; display: block; border:5px solid transparent; opacity: .5; width: 1px; height: 1px; position: absolute; top: 12px; right: 11px; } .xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>.xpdMenuTitle:after { top: 8px; right: 8px; } /*.xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>.xpdMenuTitle:after { top: 14px; }*/ .itsContainerVertical.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsContainerVertical.xpdMenuShowSlide[state="closed"].xpdMenuWisChild>.xpdMenuTitle:after, .xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>.xpdMenuTitle:after { top: 50%; margin-top: -3px; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild.xpdMenuShowPopup[state="closed"]>.xpdMenuTitle:after, .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after { border-top-color:rgb(120, 120, 120); border-left-color: transparent; } [state="closed"].xpdMenuWisChild>.xpdMenuTitle:after, [state="closed"].xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after { border-left-color:rgb(120, 120, 120); border-top-color: transparent; } .itsContainerHorizontal>.xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>a.xpdMenuTitle:after { border-left-color: transparent; top: 12px; right: 11px; } .itsContainerHorizontal>.xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>a.xpdMenuTitle:after { border-top-color: rgb(120, 120, 120); } .itsContainerHorizontal[class*="menu-c-"]>.xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>a.xpdMenuTitle:after { border-top-color: #FFFFFF; } .itsContainerHorizontal>.xpdMenu>.xpdMenuBody{ box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.175); } .xpdMenuBody.xpdMenuPopup { /*border:1px solid rgb(120, 120, 120);*/ border: 0; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175); z-index: 1000; margin: 0; padding: 0; border-radius:3px; position: fixed; } [state="closed"]>.xpdMenuPopupArrow { display: none !important; } .xpdMenuPopupArrow { display: none; position: absolute; height: 7px; width: 7px; background: white; z-index: 1001; border-left: 1px solid rgb(120, 120, 120); border-top: 1px solid rgb(120, 120, 120); background: linear-gradient(-45deg, transparent 40%, white 0%); } .br.xpdMenuPopupArrow { top:-5px; left: 12px; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand'); transform: rotate(45deg); } .rb.xpdMenuPopupArrow { left: -5px; top: 10px; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand'); transform: rotate(-45deg); } .lb.xpdMenuPopupArrow { right: -5px; top: 10px; ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=-0.7071067811865477, M12=-0.7071067811865475, M21=0.7071067811865475, M22=-0.7071067811865477, SizingMethod='auto expand'); transform: rotate(135deg); } .bl.xpdMenuPopupArrow { top:-5px; right: 12px; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand')"; filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.7071067811865474, M12=-0.7071067811865477, M21=0.7071067811865477, M22=0.7071067811865474, SizingMethod='auto expand'); transform: rotate(45deg); } /*custom menu styles*/ .itsFormMenuStyle-sencha{ background-color: rgb(50, 64, 78); } .itsFormMenuStyle-sencha .xpdMenuTitle{ line-height: 36px; transition: all .1s ease-in-out; color: rgb(173, 179, 184) !important; overflow:hidden; text-overflow:ellipsis; border:none!important; } .itsFormMenuStyle-sencha .xpdMenuTitle[active]{ background-color:rgb(71,83,96)!important; } .itsFormMenuStyle-sencha .xpdMenuTitle:hover, .itsFormMenuStyle-sencha .xpdMenuTitle[active-hover]{ background-color: rgb(60, 74, 87); color:white!important; transition: all .1s ease-in-out; } .itsFormMenuStyle-sencha .xpdMenuBody{ background-color: rgb(44,56,69); } .itsFormMenuStyle-sencha .xpdMenuBody .xpdMenuPopupArrow { display:none; } .itsContainerVertical>.itsFormMenuStyle-sencha.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-sencha.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-sencha .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-sencha.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ border-left-color:white!important; top:16px!important; opacity: 1!important; right:8px; } .itsContainerHorizontal>.itsFormMenuStyle-sencha.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-sencha.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-sencha .xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsFormMenuStyle-sencha.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ border-top-color:white; border-left-color: transparent!important; top:20px!important; opacity: 1!important; right: 12px; } .itsFormMenuStyle-clear{ background-color: white; } .itsFormMenuStyle-clear>.xpdMenuTitle, .itsFormMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle{ line-height: 34px; overflow:hidden; text-overflow:ellipsis; color:white; background-color:rgb(82,90,103); } .itsFormMenuStyle-clear>.xpdMenuTitle:hover, .itsFormMenuStyle-clear>.xpdMenuTitle[active-hover], .itsFormMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle:hover, .itsFormMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle[active-hover]{ background-color: rgb(101, 109, 122); color:white!important; transition: all .2s ease-in-out; } .itsFormMenuStyle-clear .xpdMenuBody{ background-color: white; color: rgb(140,140,140); } .itsFormMenuStyle-clear>.xpdMenuTitle[active], .itsFormMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle[active]{ background-color:rgb(48,168,223)!important; border-bottom-color:rgb(48,168,223)!important; } .itsContainerVertical>.itsFormMenuStyle-clear.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-clear.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-clear .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-clear .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ width: 5px; height: 5px; border: solid 1px transparent; border-top-color:white!important; border-right-color:white!important; top:17px!important; opacity: 1!important; transform:rotate(45deg); right: 15px; transition: transform .1s ease-in-out; } .itsContainerHorizontal>.itsFormMenuStyle-clear.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-clear.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-clear .xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsFormMenuStyle-clear .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ width: 5px; height: 5px; border: solid 1px transparent; border-top-color:white!important; border-right-color:white!important; top:17px!important; opacity: 1!important; transform:rotate(135deg); right: 15px; transition: transform .1s ease-in-out; } .itsFormMenuStyle-smooth>.xpdMenuTitle, .itsFormMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle{ color: #fdfdfd; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0, .35); background: rgb(108,110,116); box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1); } .itsFormMenuStyle-smooth .xpdMenuBody>.xpdMenu{ color: rgb(121,121,121); text-shadow: 1px 1px 0 rgba(255,255,255, .2); background: rgb(229,229,229); border-bottom: 1px solid rgb(201,201,201); box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1); } .itsFormMenuStyle-smooth>.xpdMenuTitle:hover, .itsFormMenuStyle-smooth>.xpdMenuTitle[active-hover] .itsFormMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle:hover, .itsFormMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle[active-hover] { color: white; text-shadow: 1px 1px 1px rgba(255,255,255, .2); background: rgb(204,142,81); } .itsContainerVertical>.itsFormMenuStyle-smooth.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-smooth.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-smooth .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-smooth .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ border-left-color:white!important; opacity: 1!important; right:8px; } .itsContainerHorizontal>.itsFormMenuStyle-smooth.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-smooth.xpdMenuShowSlide.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsFormMenuStyle-smooth .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ border-top-color:white; border-left-color: transparent!important; opacity: 1!important; right: 12px; } .itsFormMenuStyle-smooth .xpdMenuPopupArrow{ background: linear-gradient(-45deg, transparent 40%, rgb(229,229,229) 0%); border:none; } .itsFormMenuStyle-yellow{ background-color: white; } .itsFormMenuStyle-yellow>.xpdMenuTitle, .itsFormMenuStyle-yellow .xpdMenuWisChild>.xpdMenuTitle{ line-height: 34px; overflow:hidden; text-overflow:ellipsis; background-color:white; color:rgb(82,90,103); font-weight: bold; } .itsFormMenuStyle-yellow>.xpdMenuTitle:hover,.itsFormMenuStyle-yellow>.xpdMenuTitle[active-hover], .itsFormMenuStyle-yellow .xpdMenuTitle:hover,.itsFormMenuStyle-yellow .xpdMenuTitle[active-hover] { background-color:rgba(255, 189, 100,.2); } .itsFormMenuStyle-yellow .xpdMenuBody{ background-color: white; color:rgb(82,90,103); } .itsFormMenuStyle-yellow>.xpdMenuTitle[active], .itsFormMenuStyle-yellow .xpdMenuTitle[active]{ background-color: rgba(255, 189, 100,1)!important; } .itsContainerVertical>.itsFormMenuStyle-yellow.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-yellow.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-yellow .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-yellow .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ /*--Fixes 5287--*/ content: ""; display: block; border: 5px solid transparent; opacity: .5; width: 1px; height: 1px; border-left-color: rgb(120, 120, 120); position: absolute; top: 14px; right: 7px; } .itsContainerHorizontal>.itsFormMenuStyle-yellow.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-yellow.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-yellow .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ width: 2px; height: 2px; border: solid 3px transparent; border-top-color:rgb(82,90,103)!important; border-right-color:rgb(82,90,103)!important; top:17px!important; opacity: 1!important; transform:rotate(135deg); right: 15px; transition: transform .1s ease-in-out; } /*custom users menu*/ .itsFormUsersMenuStyle-sencha{ background-color: rgb(50, 64, 78); } .itsFormUsersMenuStyle-sencha .xpdMenuTitle{ line-height: 36px; transition: all .1s ease-in-out; color: rgb(173, 179, 184) !important; overflow:hidden; text-overflow:ellipsis; border:none!important; } .itsFormUsersMenuStyle-sencha .xpdMenuTitle[active]{ background-color:rgb(71,83,96)!important; } .itsFormUsersMenuStyle-sencha .xpdMenuTitle:hover, .itsFormUsersMenuStyle-sencha .xpdMenuTitle[active-hover]{ background-color: rgb(60, 74, 87); color:white!important; transition: all .1s ease-in-out; } .itsFormUsersMenuStyle-sencha .xpdMenuBody{ background-color: rgb(44,56,69); } .itsFormUsersMenuStyle-sencha .xpdMenuBody .xpdMenuPopupArrow { display:none; } .itsContainerVertical>.itsFormUsersMenuStyle-sencha.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ border-left-color:white!important; top:16px!important; opacity: 1!important; right:8px; } .itsContainerHorizontal>.itsFormUsersMenuStyle-sencha.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha .xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-sencha.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ border-top-color:white; border-left-color: transparent!important; top:20px!important; opacity: 1!important; right: 12px; } .itsFormUsersMenuStyle-clear{ background-color: white; } .itsFormUsersMenuStyle-clear>.xpdMenu>.xpdMenuTitle, .itsFormUsersMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle{ line-height: 34px; overflow:hidden; text-overflow:ellipsis; color:white; background-color:rgb(82,90,103); border-bottom-color: rgb(200,200,200)!important; } .itsFormUsersMenuStyle-clear>.xpdMenu>.xpdMenuTitle:hover,.itsFormUsersMenuStyle-clear>.xpdMenu>.xpdMenuTitle[active-hover], .itsFormUsersMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle:hover,.itsFormUsersMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle[active-hover] { background-color: rgb(101, 109, 122); color:white!important; transition: all .2s ease-in-out; } .itsFormUsersMenuStyle-clear .xpdMenuBody{ background-color: white; color: rgb(140,140,140); } .itsFormUsersMenuStyle-clear>.xpdMenu>.xpdMenuTitle[active], .itsFormUsersMenuStyle-clear .xpdMenuWisChild>.xpdMenuTitle[active]{ background-color:rgb(48,168,223)!important; border-bottom-color:rgb(48,168,223)!important; } .itsContainerVertical>.itsFormUsersMenuStyle-clear.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ width: 5px; height: 5px; border: solid 1px transparent; border-top-color:white!important; border-right-color:white!important; top:17px!important; opacity: 1!important; transform:rotate(45deg); right: 15px; transition: transform .1s ease-in-out; } .itsContainerHorizontal>.itsFormUsersMenuStyle-clear.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear .xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-clear .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ width: 5px; height: 5px; border: solid 1px transparent; border-top-color:white!important; border-right-color:white!important; top:17px!important; opacity: 1!important; transform:rotate(135deg); right: 15px; transition: transform .1s ease-in-out; } .itsFormUsersMenuStyle-smooth>.xpdMenu>.xpdMenuTitle, .itsFormUsersMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle{ color: #fdfdfd; text-decoration: none; text-shadow: 0 1px 0 rgba(0,0,0, .35); background: rgb(108,110,116); box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1); } .itsFormUsersMenuStyle-smooth .xpdMenuBody>.xpdMenu{ color: rgb(121,121,121); text-shadow: 1px 1px 0 rgba(255,255,255, .2); background: rgb(229,229,229); border-bottom: 1px solid rgb(201,201,201); box-shadow: inset 0 1px 0 0 rgba(255,255,255, .1), 0 1px 0 0 rgba(0,0,0, .1); } .itsFormUsersMenuStyle-smooth>.xpdMenu>.xpdMenuTitle:hover,.itsFormUsersMenuStyle-smooth>.xpdMenu>.xpdMenuTitle[active-hover], .itsFormUsersMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle:hover, .itsFormUsersMenuStyle-smooth .xpdMenuWisChild>.xpdMenuTitle[active-hover]{ color: white; text-shadow: 1px 1px 1px rgba(255,255,255, .2); background: rgb(204,142,81); } .itsContainerVertical>.itsFormUsersMenuStyle-smooth.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-smooth.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-smooth .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-smooth .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ border-left-color:white!important; opacity: 1!important; right:8px; } .itsContainerHorizontal>.itsFormUsersMenuStyle-smooth.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-smooth.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-smooth .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ border-top-color:white!important; opacity: 1!important; right: 12px; } .itsFormUsersMenuStyle-smooth .xpdMenuPopupArrow{ background: linear-gradient(-45deg, transparent 40%, rgb(229,229,229) 0%); border:none; } .itsFormUsersMenuStyle-yellow{ background-color: white; } .itsFormUsersMenuStyle-yellow>.xpdMenu>.xpdMenuTitle, .itsFormUsersMenuStyle-yellow .xpdMenuWisChild>.xpdMenuTitle{ line-height: 34px; overflow:hidden; text-overflow:ellipsis; background-color:white; color:rgb(82,90,103); font-weight: bold; } .itsFormUsersMenuStyle-yellow .xpdMenuTitle:hover, .itsFormUsersMenuStyle-yellow .xpdMenuTitle[active-hover]{ background-color:rgba(255, 189, 100,.2); } .itsFormUsersMenuStyle-yellow .xpdMenuBody{ background-color: white; color:rgb(82,90,103); } .itsFormUsersMenuStyle-yellow .xpdMenuTitle[active]{ background-color: rgba(255, 189, 100,1)!important; } .itsContainerVertical>.itsFormUsersMenuStyle-yellow.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-yellow.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-yellow .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormUsersMenuStyle-yellow .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ width: 2px; height: 2px; border: solid 3px transparent; border-top-color:rgb(82,90,103)!important; border-right-color:rgb(82,90,103)!important; top:17px!important; opacity: 1!important; transform:rotate(45deg); right: 15px; transition: transform .1s ease-in-out; } .itsContainerHorizontal>.itsFormUsersMenuStyle-yellow.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-yellow.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormUsersMenuStyle-yellow .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ width: 2px; height: 2px; border: solid 3px transparent; border-top-color:rgb(82,90,103)!important; border-right-color:rgb(82,90,103)!important; top:17px!important; opacity: 1!important; transform:rotate(135deg); right: 15px; transition: transform .1s ease-in-out; } /*----Gray-----*/ .itsFormMenuStyle-gray{ background-color: #f8f8f8; outline: 1px solid #e7e7e7; margin-left: 1px; } .itsFormMenuStyle-gray .itsFormMenuStyle-gray{ margin-left: 0; } .itsFormMenuStyle-gray>.xpdMenuTitle, .itsFormMenuStyle-gray .xpdMenuWisChild>.xpdMenuTitle{ line-height: 34px; overflow:hidden; text-overflow:ellipsis; background-color:#f8f8f8; color: #555555; } .itsFormMenuStyle-gray>.xpdMenuTitle:hover,.itsFormMenuStyle-gray>.xpdMenuTitle[active-hover], .itsFormMenuStyle-gray .xpdMenuTitle:hover,.itsFormMenuStyle-gray .xpdMenuTitle[active-hover]{ background-color:#f5f5f5; } .itsFormMenuStyle-gray .xpdMenuBody{ background-color: #f8f8f8; color:rgb(82,90,103); } .itsContainerVertical>.itsFormMenuStyle-gray.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-gray.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-gray .xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsFormMenuStyle-gray .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after{ border-left-color: #b3b3b3!important; top:18px!important; opacity: 1!important; right: 10px; } .itsContainerHorizontal>.itsFormMenuStyle-gray.xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-gray.xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, .itsFormMenuStyle-gray .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after{ border-top-color:#b3b3b3; border-left-color: transparent!important; top:20px!important; opacity: 1!important; right: 12px; transform:rotate(0deg); } .xpdMenuBody .itsFormMenuStyle-gray>a { margin: 1px; } .itsFormMenuStyle-gray .xpdMenuPopup { border: 0 solid transparent; } .itsFormMenuStyle-gray .xpdMenuPopup .xpdMenuPopupArrow { border-left: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; background: #f5f5f5; z-index: 10; } .itsFormMenuStyle-gray.xpdMenuWisChild+.itsFormMenuStyle-gray:not(.xpdMenuWisChild) { margin-top: 1px; } .itsFormMenuStyle-bootstrap { outline: 1px solid #e7e7e7; min-height: 38px; margin-left: 1px; } .itsFormMenuStyle-bootstrap:first-child{ outline: 0; border: 1px solid; border-radius: 5px 0 0 5px; margin-top: -1px; margin-right: -1px; } /*--Fixes--*/ .itsContainerHorizontal>.itsFormMenuStyle-bootstrap div>.itsFormMenuStyle-bootstrap:first-child{ border: 0; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap:first-child, .itsContainerHorizontal>.itsFormMenuStyle-bootstrap:last-child { outline: 0; border: 0.5px solid; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap .xpdMenuBody>.xpdMenu.itsFormMenuStyle-bootstrap { margin: 0 -1px 2px 0 !important; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap .xpdMenuBody>.xpdMenu.itsFormMenuStyle-bootstrap.xpdMenuWisChild { margin: 0 -1px 1px 0 !important; } .itsContainerHorizontal>.xpdMenu.itsFormMenuStyle-bootstrap>.xpdMenuBody, .itsContainerHorizontal>.xpdMenu.itsFormMenuStyle-clear>.xpdMenuBody { width: 100%; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild.itsFormMenuStyle-bootstrap>.xpdMenuTitle:after, .xpdMenuShowSlide[state="open"].xpdMenuWisChild.itsFormMenuStyle-bootstrap>.xpdMenuTitle:after { border-top-color: rgb(120, 120, 120) !important; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild.itsFormMenuStyle-bootstrap>.xpdMenuTitle:after, .itsContainerHorizontal>.xpdMenuShowSlide[state="open"].xpdMenuWisChild.itsFormMenuStyle-bootstrap>.xpdMenuTitle:after { content: ""; display: block; border: 5px solid transparent; opacity: .5; width: 1px; height: 1px; border-top-color: rgb(120, 120, 120); position: absolute; top: 12px; right: 11px; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild.itsFormMenuStyle-clear>.xpdMenuTitle:after, .xpdMenuShowSlide[state="open"].xpdMenuWisChild.itsFormMenuStyle-clear>.xpdMenuTitle:after { width: 5px; height: 5px; border: solid 1px transparent; border-top-color: white!important; border-right-color: white!important; top: 15px!important; opacity: 1!important; transform: rotate(135deg); right: 15px; transition: transform .1s ease-in-out; } /*--Fixes--*/ .itsFormMenuStyle-bootstrap:last-child{ outline: 0; border: 1px solid; border-radius: 0 5px 5px 0; margin-top: -1px; margin-left: -1px; } .itsFormMenuStyle-bootstrap .xpdMenu.itsFormMenuStyle-bootstrap:last-child{ border: 0; border-radius: 0; } .itsContainerVertical>.itsFormMenuStyle-bootstrap:last-child { margin-left: 0; border-radius: 0; margin-right: -1px; } .itsFormMenuStyle-bootstrap:hover>a { color: #000; transition: 0.3s; background-color: #e7e7e7; } .itsFormMenuStyle-bootstrap .xpdMenuBody .xpdMenuPopupArrow { display: none; } .itsFormMenuStyle-bootstrap .xpdMenuBody.xpdMenuPopup { border: 0; border-radius: 0 !important; margin-top: 1px; margin-left: -1px; } .itsFormMenuStyle-bootstrap .xpdMenuBody.xpdMenuPopup.xpdTooltip_tr { margin-top: 0; } .itsFormMenuStyle-bootstrap .xpdMenuBody.xpdMenuPopup .xpdMenuPopup{ margin: 5px 0 0 -5px; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody { margin-left: -1px; } .itsFormMenuStyle-bootstrap, .itsFormMenuStyle-bootstrap .xpdMenuPopup { background-color: #f8f8f8; border-color: #e7e7e7 !important; } .itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu { box-shadow: none; border: 0; outline: 1px solid #e7e7e7; margin-bottom: 1px; } .itsFormMenuStyle-bootstrap>.xpdMenuTitle{ padding: 14px 16px 15px 10px; } .itsFormMenuStyle-bootstrap.xpdMenuShowPopup>a, .itsFormMenuStyle-bootstrap.xpdMenuShowSlide>a { color: #555555; padding: 14px 26px 15px 10px; } .itsFormMenuStyle-bootstrap .xpdMenuBody a { color: #555555 !important; } .itsFormMenuStyle-bootstrap a:hover, .itsFormMenuStyle-bootstrap a[active-hover]{ background-color: #eeeeee !important; } .itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha .xpdMenuBody { background-color: #eeeeee !important; } .itsFormMenuStyle-bootstrap.xpdMenuShowPopup>a:after,.itsFormMenuStyle-bootstrap.xpdMenuShowSlide a:after { margin: 5px 0; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody>.xpdMenu>a:after { } .xpdMenu.itsFormMenuStyle-bootstrap .itsFormMenuStyle-bootstrap.xpdMenu>.xpdMenuBody>.xpdMenu.itsFormMenuStyle-bootstrap { margin-left: 1px !important; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody>.xpdMenuWisChild[state="open"]>a:after { margin-top: -3px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuBody>.xpdMenuWisChild[state="open"]>a:after, .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuBody>.xpdMenuWisChild[state="closed"]>a:after { margin-top: 5px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-clear.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after { margin-top: -1px; border-top-color: #b3b3b3!important; border-right-color: #b3b3b3!important; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuBody>.itsFormMenuStyle-sencha.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after { margin-top: 0; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuPopup { margin-left: 1px; margin-top: 0; } .itsFormMenuStyle-bootstrap .itsFormMenuStyle-smooth.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after, .itsContainerVertical>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after { border-left-color: #b3b3b3!important; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after { border-left-color: #b3b3b3!important; margin-top: 0; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha.xpdMenuShowSlide.xpdMenuWisChild[state="closed"]>.xpdMenuTitle:after { border-left-color: #b3b3b3!important; margin-top: 7px; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after { border-top-color: #b3b3b3!important; border-left-color: transparent !important; margin-top: 2px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-smooth.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after { border-left-color: #b3b3b3 !important; } .itsFormMenuStyle-bootstrap .xpdMenuPopup .xpdMenuTitle { box-shadow: none; } .itsFormMenuStyle-bootstrap .xpdMenuTitle[active] { background-color: #e7e7e7 !important } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody .xpdMenu { margin-top: 2px; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody .xpdMenu:first-child { margin-top: 0; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody .xpdMenuWisChild { margin-bottom: -1px; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody .xpdMenuWisChild>.xpdMenuBody {margin-top: 0px;} .itsContainerVertical>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha[state="open"]>a:after { border-top-color: #b3b3b3!important; } .itsFormMenuStyle-bootstrap .itsFormMenuStyle-sencha[state="open"] .xpdMenuBody { margin-top: -1px; } .itsFormMenuStyle-bootstrap>.xpdMenu,.itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu, .itsFormMenuStyle-bootstrap.xpdMenuShowSlide>.xpdMenuBody { background-color: transparent; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody>.xpdMenu { background-color: #f8f8f8; color: #555555; } .itsFormMenuStyle-bootstrap>a, .itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu a, /*.itsFormMenuStyle-bootstrap.xpdMenuShowSlide>.xpdMenuBody a,*/ .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody>.xpdMenu a{ padding-top: 15px; padding-bottom: 15px; line-height: 9px; background: transparent; color: #555555; text-shadow: 0 0 0 transparent; transition: none !important; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a:first-child { margin-top: 1px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a:first-child { margin-top: 1px; margin-right: -1px; margin-left: -1px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .itsFormMenuStyle-bootstrap.xpdMenuShowSlide a:first-child { margin-top: 1px; margin-right: -1px; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a:last-child { margin-bottom: -1px; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a:last-child { margin-bottom: -1px !important; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuBody a:last-child { margin-right: -1px; margin-bottom: -1px; margin-left: -1px; } .itsContainerVertical>.itsFormMenuStyle-bootstrap .xpdMenuBody.xpdMenuPopup a:last-child { margin-right: -1px; margin-bottom: 0; margin-left: -1px; } .itsContainerHorizontal>.itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a { padding-top: 16px; padding-bottom: 15px; padding-left: 10px; padding-right: 8px; } .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody a { min-width: 88px; outline: 1px solid #e7e7e7; margin: 0 1px; } .itsFormMenuStyle-bootstrap>.xpdMenu:hover>a, .itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu:hover>a, .itsFormMenuStyle-bootstrap.xpdMenuShowSlide .xpdMenuBody>.xpdMenu a:hover { background: #eeeeee; color: #333333!important; } .itsFormMenuStyle-bootstrap>.xpdMenu>.xpdMenuTitle:after { border-top-color: #b3b3b3!important; margin-top: 8px; } .itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu>.xpdMenuTitle:after { border-left-color: #b3b3b3!important; margin-top: 8px; } .itsFormMenuStyle-bootstrap>.xpdMenu:hover>.xpdMenuTitle:after { border-top-color: #b3b3b3!important; } .itsFormMenuStyle-bootstrap .xpdMenuPopup>.xpdMenu>.xpdMenuTitle:after { border-left-color: #b3b3b3!important; } .itsContainerVertical.itsFormMenuStyle-bootstrap>.xpdMenuPopup .xpdMenuShowSlide.itsFormMenuStyle-bootstrap:last-child { margin-left: 1px; margin-top: 1px; } .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild>.xpdMenuTitle:after, .xpdMenuShowSlide[state="open"].xpdMenuWisChild:not(.itsContainerVertical)>.xpdMenuTitle:after { content: ""; display: inline-block; border: 5px solid transparent; opacity: .5; width: 1px; height: 1px; position: relative; right: -6px !important; top: 4px !important; } [state="closed"].xpdMenuWisChild:not(.itsContainerVertical)>.xpdMenuTitle:after, .xpdMenuShowPopup.xpdMenuWisChild:not(.itsContainerVertical)>.xpdMenuTitle:after { content: ""; display: inline-block; border: 5px solid transparent; opacity: .5; width: 1px; height: 1px; position: relative; top: 0 !important; right: -9px !important; } .xpdMenu.itsContainerVertical[state="closed"].xpdMenuWisChild>.xpdMenuTitle, .xpdMenu.itsContainerVertical[state="open"].xpdMenuWisChild>.xpdMenuTitle, .xpdMenu.itsContainerVertical.xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle { text-overflow: ellipsis; overflow: hidden; } view-pagination { display: block; margin-top: 10px; } view-pagination-link-first, view-pagination-link, view-pagination-gap, view-pagination-link-last { display: inline-block; padding: 7px 11px 6px 11px; float: left; border: 1px solid rgb(var(--gray200)); margin-right: -1px; color: rgb(var(--blue-sys500)); font-size: 12px; cursor: pointer; } view-pagination-link-first { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } view-pagination-link-last { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } view-pagination-gap { cursor: default; background-color: rgb(var(--gray50)); color: rgb(var(--gray200)); } view-pagination-link[current] { background: rgb(var(--blue-sys500)); color: #FFFFFF; } view-pagination:after{content:'';clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} view-pagination-link-first[disabled], view-pagination-link-last[disabled] { color: rgb(var(--gray500)); cursor: default; } view-pagination-link:not([current]):hover, view-pagination-link-first:not([disabled]):hover, view-pagination-link-last:not([disabled]):hover { background-color: rgb(var(--gray100)); } .itsMobilePdfViewer{ height:100%!important; margin-left:0; left:0; } #nodeCont>* { display: block; } .iframePdf { width: 100%; height: 100%; border: 0; } @media print { #nodeCont { display: block !important; } } f-box .xpdAutoCompleteInputField { width: 100%; } f-box f-data[mode-link] > f-input, f-box f-data[mode-text] > f-input { padding: 0; } f-box .xpdAutoCompleteInputField > input { width: 100%; min-height: 24px; background-color: #FFFFFF; } f-data[type-picklist] input, f-data[type-picklist-u] input { border: 0; height: auto; min-height: 24px; } f-data[type-picklist-u] input { line-height: 22px; } f-data[type-picklist] > f-input, f-data[type-picklist-u] > f-input { border: 1px solid transparent; } f-data[type-picklist][search-before][edit] .PicklistValuesTextItems { padding: 0 0 0 5px; box-sizing: border-box; } f-data[type-picklist-u][search-before][edit] .PicklistValuesTextItems { padding-left: 5px; } f-data[type-picklist-u][edit][search-before][mode-link] .PicklistValuesTextItems > * { top: 0; } f-data[type-picklist-u][search-before][edit] .PicklistValuesTextItems > * { line-height: 24px; } [type-picklist][mode-text][edit] .PicklistValuesTextItems { line-height: 16px; margin-bottom: 4px; margin-top: 4px; } f-data[type-picklist-u][read][mode-text] .PicklistValuesTextItems, f-data[type-picklist-u][read][mode-link] .PicklistValuesTextItems, f-data[type-picklist][read][mode-text] .PicklistValuesTextItems, f-data[type-picklist][disabled][mode-text] .PicklistValuesTextItems, f-data[type-picklist][read][mode-link] .PicklistValuesTextItems, f-data[type-picklist][edit][mode-link]:not([search-after]):not([search-before]) .PicklistValuesTextItems { margin-top: 4px; } f-data[type-picklist][disabled][mode-link] .PicklistValuesTextItems .itsLink { /*top: 4px;*/ padding-top: 4px; position: relative; } [alwaysshowfieldsborder] f-data[type-picklist][read][mode-link] .PicklistValuesTextItems { margin-top: 0; } [alwaysshowfieldsborder] f-data[type-picklist][read][mode-link] .PicklistValuesTextItems > .itsLink { position: relative; top: 1px; } [alwaysshowfieldsborder] f-data[type-picklist-u][read][mode-link] .PicklistValuesTextItems, [alwaysshowfieldsborder] f-data[type-picklist][read][mode-link] .PicklistValuesTextItems, [alwaysshowfieldsborder] f-data[type-picklist][read][mode-text] .PicklistValuesTextItems { margin: 0; } f-data[mode-link] > f-input, f-data[mode-text] > f-input, f-data[mode-plashka] > f-input, f-data[mode-custom] > f-input { display: block; position: relative; min-height: 24px; } f-data[mode-link][search-after][edit] > f-input, f-data[mode-link][search-before][edit] > f-input, f-data[mode-text][search-after][edit] > f-input, f-data[mode-text][search-before][edit] > f-input, f-data[mode-plashka][search-after][edit] > f-input, f-data[mode-plashka][search-before][edit] > f-input, f-data[mode-custom][search-after][edit] > f-input, f-data[mode-custom][search-before][edit] > f-input { border: 1px solid rgb(var(--gray400)); background: #fff; } f-data[mode-plashka][type-picklist][disabled] > f-input { min-height: 26px; } f-box .xpdInputPickListCustomRenderer .xpdAutoCompleteInputField > input { border: none; } .xpdInputPickListCustomRenderer.itsPicklistSearchAfter .xpdAutoCompleteInputField { float: none; width: auto; } f-box .xpdInputPickListCustomRenderer .xpdComposeLabelDel { top: 3px; } f-data.xpdInputPickListLink, f-data.xpdInputPickListText { vertical-align: middle; } f-data.itsPicklistSearchAfter.itsPicklistSearch .xpdAutoCompleteInputField { padding-left: 2px; } .xpdInputPickListText > f-input, .xpdInputPickListPlashka > f-input, .xpdInputPickListLink > f-input, .xpdInputPickListCustomRenderer > f-input { display: block; position: relative; } [alwaysshowfieldsborder] [mode-plashka][read] f-input { padding: 0 0 0 0 !important; } .PicklistValuesItemsWithRemoveFunction .xpdComposeLabel .xpdComposeLabelDel { top: 2px; } .pickuser-v-rounding .PicklistValuesItemsWithRemoveFunction .xpdComposeLabel .xpdComposeLabelDel { top: 1px; } .itsTreeTitle f-data[type-checkbox] { line-height: 21px; } [alwaysshowfieldsborder] f-data[read][type-picklist-u][mode-custom] > f-input { padding: 0 2px 0 0 !important; } [alwaysshowfieldsborder] f-data[type-picklist][edit][mode-link] > f-input { border: 1px solid #c8c8c8; background: rgba(200, 200, 200, .2); } [alwaysshowfieldsborder] f-data[type-picklist][edit][mode-link] > f-input > .PicklistValuesTextItems { padding: 0 5px; } [alwaysshowfieldsborder] f-data[type-picklist][edit][mode-link] > f-input, [alwaysshowfieldsborder] f-data[type-picklist][edit][mode-custom] > f-input, [alwaysshowfieldsborder] f-data[type-picklist-u][edit][mode-custom] > f-input { border: 1px solid #c8c8c8; background: rgba(255, 255, 255, 1); } [alwaysshowfieldsborder] f-data[type-picklist][disabled][mode-link] > f-input, [alwaysshowfieldsborder] f-data[type-picklist][disabled][mode-custom] > f-input, [alwaysshowfieldsborder] f-data[type-picklist-u][disabled][mode-custom] > f-input, [alwaysshowfieldsborder] f-data[type-picklist-u][disabled][mode-link] > f-input { border: 1px solid rgb(var(--gray400)); background: rgba(200, 200, 200, .2); padding: 0 5px; } /*[alwaysshowfieldsborder] f-data[type-picklist][disabled][mode-link] > f-input .itsLink*/ [alwaysshowfieldsborder] f-data[type-picklist-u][disabled][mode-link] > f-input .itsLink { top: 4px; position: relative; } .itsPicklist .itsInput > * { white-space: pre-wrap; } f-data[type-picklist] > f-input > f-button, f-data[type-picklist-u] > f-input > f-button { width: 32px; right: 0; height: 100%; background: transparent; vertical-align: middle; top: -1px; text-align: center; position: absolute; margin-left: -33px; bottom: 0; cursor: pointer; } f-data[type-picklist] > f-input > f-button[class*="icon-"], f-data[type-picklist-u] > f-input > f-button[class*="icon-"] { border-left: 1px solid rgb(var(--gray400)); border-top: 1px solid rgb(var(--gray400)); } f-data[type-picklist] > f-input > f-button[class*="icon-"]:hover, f-data[type-picklist-u] > f-input > f-button[class*="icon-"]:hover { background-color: rgba(0, 0, 0, .03); cursor: pointer; } f-data[type-picklist] > f-input > f-button:before, f-data[type-picklist-u] > f-input > f-button:before { position: relative; top: 2px; vertical-align: middle; color: #646464; } f-data[type-picklist] > f-input > f-button:not([class*="icon-"]):before, f-data[type-picklist-u] > f-input > f-button:not([class*="icon-"]):before { content: ''; position: relative; display: block; width: 0; height: 0; margin: 10px 16px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #bababa; } f-data[type-picklist] > f-input > f-button:not([class*="icon-"]):hover:before, f-data[type-picklist-u] > f-input > f-button:not([class*="icon-"]):hover:before { border-top: 4px solid #757575; cursor: pointer; } f-data[type-picklist-u].notvalid-field f-input:not([focus]):not(:hover) .PicklistValuesItemsWithRemoveFunction, f-data[type-picklist].notvalid-field f-input:not([focus]):not(:hover) .PicklistValuesItemsWithRemoveFunction, f-data[type-picklist-u].notvalid-field f-input:not([focus]):not(:hover) .PicklistValuesTextItems, f-data[type-picklist].notvalid-field f-input:not([focus]):not(:hover) .PicklistValuesTextItems { /*animation-duration: 1.5s;*/ animation-duration: 1s; animation-name: slidein; animation-iteration-count: infinite; animation-direction: alternate; } f-data[search-after][type-picklist].notvalid-field f-input:not([focus]):not(:hover) .PicklistValuesItemsWithRemoveFunction { display: block; } @keyframes slidein { from { opacity: 1; } to { opacity: .4; } /*to { opacity: 1; } 75% { opacity: .4; }*/ } [read].itsFieldInput.itsPicklistSearchAfter>.itsInput.xpdInputPickListLink>div { padding-top: 1px; } [mode-plashka] .itsDndCont { border: 0 !important; } [mode-plashka]>div{ margin-bottom: -1px !important; } [read].PicklistValuesTextItems, .itsFieldTable:not(.itsPicklistEdit) .PicklistValuesTextItems { padding-top:4px; } [read].xpdInputPickListLink .PicklistValuesTextItems { padding-right: 3px; } [read].itsFieldInput > .itsInput[mode-plashka]{ padding-top:0; } [edit][search-before] > div a, [mode-text][search-before] > div > span, [edit][search-after] > div a, [mode-text][search-after] > div > span { position:relative; } .xpdAutoCompleteInputField > input { box-sizing: border-box; } [edit].xpdAutoCompleteInputField { display:inline-block; } [edit].itsFieldInput { min-height: 26px; } .xpdInputPickListText > div > span, .xpdInputPickListLink > div > .itsLink > span { line-height: 16px; } /*[edit].xpdInputPickListText:not(.itsPicklistSearchBefore) > div, [edit].xpdInputPickListText:not(.itsPicklistSearchAfter) > div { padding:0; }*/ [edit].xpdAutoCompleteInputField { display:inline-block; } .xpdInputPickListLink > div a, .xpdInputPickListText>div>span { white-space:nowrap; display:inline-block; } .xpdInputPickListText>div>span[id^="roValDiv"]{ padding-left:1px; } [edit].xpdAutoCompleteInputField > input { border: 0; background: transparent; height: 12px; display: inline; } [edit].xpdInputPickListLink .xpdAutoCompleteInputField > input, [edit].xpdInputPickListText .xpdAutoCompleteInputField > input{ height: 17px; } [edit].xpdInputPickListLink>div, [edit].xpdInputPickListText>div { padding: 3px 7px 3px 0; } [edit].itsPicklistSearchAfter:not(.itsPicklistSearch) .xpdInputPickListLink>div, [edit].itsPicklistSearchAfter:not(.itsPicklistSearch) .xpdInputPickListText>div { padding: 5px 7px 3px 0; } [edit][mode-plashka] .xpdAutoCompleteInputField > input, [edit].xpdInputPickListCustomRenderer .xpdAutoCompleteInputField > input { min-height: 24px; } @-moz-document url-prefix() { /*Хаки дизайна мозилы, под новые itsField поля*/ [edit][mode-plashka] .xpdAutoCompleteInputField > input, [edit].xpdInputPickListCustomRenderer .xpdAutoCompleteInputField > input { min-height: 22px; } } [edit][mode-plashka] .xpdAutoCompleteInputField, [edit].xpdInputPickListCustomRenderer .xpdAutoCompleteInputField { vertical-align: top; } [edit].xpdInputPickListLink, [edit].xpdInputPickListText { min-height: 26px; } [edit].itsPicklistSearchAfter.itsPicklistSearch>.itsInput.xpdInputPickListLink { padding-top: 0; } [edit][mode-plashka]>div, [edit].xpdInputPickListCustomRenderer>div { padding: 0 !important; } [edit].xpdInputPickListCustomRenderer>div { height: auto; } [edit].xpdInputPickListCustomRenderer>div .xpdAutoCompleteInputField { min-height: 24px; } f-data[edit][search-before] .xpdInputPickListLink>div>.PicklistValuesTextItems { padding: 1px 4px; } [edit].itsPicklistSearch>.xpdInputPickListLink>div>.PicklistValuesTextItems>.itsLink { padding-top: 0; } [read].itsFieldTableContainer .itsFieldInput>.itsInput>.itsLink { /*5529*/ line-height: 24px; padding-bottom: 2px; /*6185*/ white-space: pre-wrap; width: 100%; word-wrap: break-word; } [edit].itsPicklistSearch>.xpdInputPickListText, [edit].itsPicklistSearch>[mode-plashka], [edit].itsPicklistSearch>.xpdInputPickListLink, [edit].itsPicklistSearch>.xpdInputPickListCustomRenderer { border:1px solid rgb(200,200,200); background:#fff; } f-data[search-after][edit] .PicklistValuesTextItems { float: left; display: initial; padding-left: 5px; line-height: 14px; padding-right: 7px; } f-data[search-after][mode-text][edit] .PicklistValuesTextItems { padding-top: 5px; /*padding-left: 0;*/ } f-data[search-after][mode-text][edit] .PicklistValuesTextItems { padding-left: 5px; padding-top: 0; padding-right: 5px; } f-data[search-after][mode-text][edit][type-picklist] .PicklistValuesTextItems { padding-left: 0; padding-right: 0; } f-data[search-after][mode-text][edit][type-picklist] .PicklistValuesTextItems>span:first-child { margin-left: 5px; } f-data[search-after][mode-text][edit][type-picklist] .PicklistValuesTextItems>span:last-child { margin-right: 5px; } /*f-data[search-after][edit] .PicklistValuesTextItems>* { position: relative; top: 5px; }*/ f-data[type-picklist-u][edit][mode-link] .PicklistValuesTextItems>* { position: relative; top: 4px; } f-data[search-after][edit] .PicklistValuesTextItems>*, f-data[type-picklist-u][search-after][edit][mode-link] .PicklistValuesTextItems>* { position: relative; top: 5px; } f-data[type-picklist][search-after][edit][mode-text] .PicklistValuesTextItems>* { top: 0; } /*7005*/ f-data[search-after][edit] .xpdAutoCompleteInputField { display: inline-block; width: auto; } [edit].itsPicklistSearchAfter .xpdInputPickListText>div>.PicklistValuesTextItems { line-height: 16px; } [edit].itsPicklistSearchAfter:not(.itsPicklistSearch)>.xpdInputPickListLink>div>.PicklistValuesTextItems{ padding-left: 0; } [edit].itsPicklistSearchAfter:not(.itsPicklistSearch)>.xpdInputPickListText>div>.PicklistValuesTextItems{ padding-left: 0; } /*TODO to f-data add xpdAutoCompleteInputField */ .itsInput.xpdInputPickListLink .xpdAutoCompleteInputField, .itsInput.xpdInputPickListText .xpdAutoCompleteInputField { /*min-height: 26px;*/ padding-right:7px; } .itsFieldInput.itsPicklistSearch>.itsInput.xpdInputPickListLink { min-height: 26px; line-height: 11px; } .itsPicklist .itsDndCont { padding:0 !important; } [mode-plashka] .xpdComposeLabelRead .xpdComposeLabelTitle { padding: 2px 10px; color:#fff; } [edit][mode-plashka]{ padding-left: 7px; } [edit][mode-plashka]{ padding-left: 0; } [mode-plashka] .xpdComposeLabelRead:hover, [mode-plashka] .xpdComposeLabel:hover { cursor: pointer; background: rgba(var(--blue-sys300)/*66, 139, 202*/,.9); } .xpdInputPickListCustomRenderer div[formelementclass="FormRenderer"] > div[formelementclass="TopMainContainer"] > div[formelementclass="FormContainer"]:hover { cursor: pointer; background: rgba(0, 0, 0,.075) !important; } .xpdInputPickListCustomRenderer .xpdComposeLabelDel:before, [type-picklist-u][mode-custom] .xpdComposeLabelDel:before{ background: rgba(0, 0, 0,.5); } [mode-plashka] .xpdComposeLabelRead, [mode-plashka] .xpdComposeLabel, .xpdInputPickListCustomRenderer .xpdComposeLabel, .xpdInputPickListCustomRenderer .xpdComposeLabelRead { display: inline-block; vertical-align: top; max-width: 400px; white-space: nowrap; overflow: hidden; position: relative; border-radius: 1px; } [mode-plashka] .xpdComposeLabelRead, [mode-plashka] .xpdComposeLabel, .xpdComposeLabelsContainer .xpdComposeLabel { background: rgba(var(--blue-sys300)/*66, 139, 202*/,.7); height: 24px; color:#fff; } f-data[search-after] .PicklistValuesItemsWithRemoveFunction { /*display:initial;*/ display: inline; vertical-align: top; } [search-before] .xpdComposeLabel, [search-before] .xpdComposeLabelRead { max-width: none !important; margin: 1px 0 0 0 !important; width: 100%; } [search-before] .itsDndCont { border:0 !important; } .itsPicklistViewSingleSelect { height: 500px; } .itsPicklistViewMultiSelect { height: 500px; width: 100%; } .itsPicklistViewContainer { position: absolute; width: 193px; overflow: auto; height: 482px; box-sizing: border-box; } .itsPicklistSelectContainer { position: absolute; width: 193px; overflow: auto; height: 482px; box-sizing: border-box; } .itsPickListDocContainer { line-height: 15px; overflow: hidden; padding: 7px 25px 7px 9px; background: rgb(225, 225, 225); border-bottom: 1px solid #fff; box-sizing: border-box; min-height: 28px; position: relative; color: #333; } .itsPickListDocContainerRemove { position: absolute; right:6px; top:6px; } .itsPickListDocContainerRemove:BEFORE { font-family: 'WebHostingHub-Glyphs'; font-style: normal; content: '\00d7'; width: 10px; height: 10px; font-size: 7px; padding: 5px; box-sizing: border-box; color: rgb(190,190,190); } .itsPickListDocContainerRemove:hover:BEFORE { cursor: pointer; background: rgba(255, 78, 69,.75); color:#fff; border-radius: 50%; } .PickListValueNoClick:hover { cursor:auto !important; } [mode-plashka] .xpdComposeLabelRead.PickListValueNoClick:hover, [mode-plashka] .xpdComposeLabel.PickListValueNoClick:hover { background: rgba(var(--blue-sys300)/*66, 139, 202*/,.7); } [class^=PicklistBoxPreviewUser]>.itsContainerVertical>span:first-child { cursor: pointer; } [mode-plashka] f-input { width: 100%; box-sizing: border-box; } .xpdComposeLabel { position: relative; } [type-picklist-u][mode-custom][edit][search-after] .xpdComposeLabel, [type-picklist-u][mode-custom] .xpdComposeLabelRead { width: auto; display: inline-block; } .action-v-bordered.action-c-red500 .itsButton, .action-v-link.action-c-red500 .itsButton, .action-v-noborder.action-c-red500 .itsButton { color: rgb(var(--red500)); } .action-v-bordered.action-c-pink500 .itsButton, .action-v-link.action-c-pink500 .itsButton, .action-v-noborder.action-c-pink500 .itsButton { color: rgb(var(--pink500)); } .action-v-bordered.action-c-purple500 .itsButton, .action-v-link.action-c-purple500 .itsButton, .action-v-noborder.action-c-purple500 .itsButton { color: rgb(var(--purple500)); } .action-v-bordered.action-c-deep-purple500 .itsButton, .action-v-link.action-c-deep-purple500 .itsButton, .action-v-noborder.action-c-deep-purple500 .itsButton { color: rgb(var(--deep-purple500)); } .action-v-bordered.action-c-indigo500 .itsButton, .action-v-link.action-c-indigo500 .itsButton, .action-v-noborder.action-c-indigo500 .itsButton { color: rgb(var(--indigo500)); } .action-v-bordered.action-c-blue500 .itsButton, .action-v-link.action-c-blue500 .itsButton, .action-v-noborder.action-c-blue500 .itsButton { color: rgb(var(--blue500)); } .action-v-bordered.action-c-light-blue500 .itsButton, .action-v-link.action-c-light-blue500 .itsButton, .action-v-noborder.action-c-light-blue500 .itsButton { color: rgb(var(--light-blue500)); } .action-v-bordered.action-c-cyan500 .itsButton, .action-v-link.action-c-cyan500 .itsButton, .action-v-noborder.action-c-cyan500 .itsButton { color: rgb(var(--cyan500)); } .action-v-bordered.action-c-teal500 .itsButton, .action-v-link.action-c-teal500 .itsButton, .action-v-noborder.action-c-teal500 .itsButton { color: rgb(var(--teal500)); } .action-v-bordered.action-c-green500 .itsButton, .action-v-link.action-c-green500 .itsButton, .action-v-noborder.action-c-green500 .itsButton { color: rgb(var(--green500)); } .action-v-bordered.action-c-light-green500 .itsButton, .action-v-link.action-c-light-green500 .itsButton, .action-v-noborder.action-c-light-green500 .itsButton { color: rgb(var(--light-green500)); } .action-v-bordered.action-c-lime600 .itsButton, .action-v-link.action-c-lime600 .itsButton, .action-v-noborder.action-c-lime600 .itsButton { color: rgb(var(--lime600)); } .action-v-bordered.action-c-yellow600 .itsButton, .action-v-link.action-c-yellow600 .itsButton, .action-v-noborder.action-c-yellow600 .itsButton { color: rgb(var(--yellow600)); } .action-v-bordered.action-c-amber500 .itsButton, .action-v-link.action-c-amber500 .itsButton, .action-v-noborder.action-c-amber500 .itsButton { color: rgb(var(--amber500)); } .action-v-bordered.action-c-orange500 .itsButton, .action-v-link.action-c-orange500 .itsButton, .action-v-noborder.action-c-orange500 .itsButton { color: rgb(var(--orange500)); } .action-v-bordered.action-c-deep-orange500 .itsButton, .action-v-link.action-c-deep-orange500 .itsButton, .action-v-noborder.action-c-deep-orange500 .itsButton { color: rgb(var(--deep-orange500)); } .action-v-bordered.action-c-brown500 .itsButton, .action-v-link.action-c-brown500 .itsButton, .action-v-noborder.action-c-brown500 .itsButton { color: rgb(var(--brown500)); } .action-v-bordered.action-c-gray600 .itsButton, .action-v-link.action-c-gray600 .itsButton, .action-v-noborder.action-c-gray600 .itsButton { color: rgb(var(--gray600)); } .action-v-bordered.action-c-blue-gray500 .itsButton, .action-v-link.action-c-blue-gray500 .itsButton, .action-v-noborder.action-c-blue-gray500 .itsButton { color: rgb(var(--blue-gray500)); } .action-v-bordered.action-c-pale-purple500 .itsButton, .action-v-link.action-c-pale-purple500 .itsButton, .action-v-noborder.action-c-pale-purple500 .itsButton { color: rgb(var(--pale-purple500)); } .action-v-bordered.action-c-blue-sys500 .itsButton, .action-v-link.action-c-blue-sys500 .itsButton, .action-v-noborder.action-c-blue-sys500 .itsButton { color: rgb(var(--blue-sys500)); } /*---------------------*/ span[class*="action-c-"]:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { color:#FFF; } .action-c-red500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--red500)); } .action-c-red500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--red500)); } .action-c-pink500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--pink500)); } .action-c-pink500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--pink500)); } .action-c-purple500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--purple500)); } .action-c-purple500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--purple500)); } .action-c-deep-purple500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--deep-purple500)); } .action-c-deep-purple500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--deep-purple500)); } .action-c-indigo500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--indigo500)); } .action-c-indigo500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--indigo500)); } .action-c-blue500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--blue500)); } .action-c-blue500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--blue500)); } .action-c-light-blue500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--light-blue500)); } .action-c-light-blue500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--light-blue500)); } .action-c-cyan500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--cyan500)); } .action-c-cyan500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--cyan500)); } .action-c-teal500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--teal500)); } .action-c-teal500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--teal500)); } .action-c-green500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--green500)); } .action-c-green500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--green500)); } .action-c-light-green500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--light-green500)); } .action-c-light-green500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--light-green500)); } .action-c-lime600:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--lime600)); } .action-c-lime600:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--lime600)); } .action-c-yellow600:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--yellow600)); } .action-c-yellow600:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--yellow600)); } .action-c-amber500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--amber500)); } .action-c-amber500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--amber500)); } .action-c-orange500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--orange500)); } .action-c-orange500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--orange500)); } .action-c-deep-orange500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--deep-orange500)); } .action-c-deep-orange500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--deep-orange500)); } .action-c-brown500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--brown500)); } .action-c-brown500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--brown500)); } .action-c-gray600:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--gray600)); } .action-c-gray600:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--gray600)); } .action-c-blue-gray500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--blue-gray500)); } .action-c-blue-gray500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--blue-gray500)); } .action-c-pale-purple500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--pale-purple500)); } .action-c-pale-purple500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--pale-purple500)); } .action-c-blue-sys500:not(.action-v-link):not(.action-v-noborder):not(.action-v-bordered)>.itsButton { background: rgb(var(--blue-sys500)); } .action-c-blue-sys500:not(.action-v-link):not(.action-v-noborder)>.itsButton { border-color: rgb(var(--blue-sys500)); } .action-h-26px>.itsButton>span{ padding: 4px 10px; } .action-r-3px>.itsButton { border-radius: 3px; } .action-r-50px>.itsButton { border-radius: 50px; } .action-s-26px>.itsButton>span{ padding: 4px 10px; } .action-v-bordered .itsButton { background: #FFF; } .action-v-noborder .itsButton { background: transparent /*TODO - test fix (Pardes search toolbar) !important*/; border: 1px solid transparent; } .action-v-link .itsButton { border: 0; background: transparent !important; } .action-v-link .itsButton>span { padding: 0 6px; } .action-v-link.action-s-26px .itsButton>span { padding: 4px 10px; } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-c"]>.itsButton>span.arrowDown:after { border-top-color: #FFF; } /*--------*/ :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=red500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--red500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=pink500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--pink500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=purple500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--purple500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=deep-purple500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--deep-purple500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=indigo500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--indigo500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=blue500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--blue500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=light-blue500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--light-blue500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=cyan500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--cyan500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=teal500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--teal500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=green500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--green500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=light-green500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--light-green500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=lime600]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--lime600)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=yellow600]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--yellow600)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=amber500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--amber500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=orange500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--orange500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=deep-orange500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--deep-orange500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=brown500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--brown500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=gray600]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--gray600)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=blue-gray500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--blue-gray500)); } :not(.itsDropBtnBody)>.itsDropBtn>.itsDropBtnTitle>span[class^="action-v"][class*=pale-purple500]>.itsButton>span.arrowDown:after { border-top-color: rgb(var(--pale-purple500)); } .upload_button_name.attach-v-small { max-height: 62px; overflow: hidden; } .attach-v-small .EmbeddedButtonUploadAttachment { height: 62px; } .attach-v-small .itsAttach{ height: 62px; padding: 1px; /*--компенсация бордеров--*/ /*box-sizing: border-box;*/ } .attach-v-small .itsAttachDownloadBtn{ border: none; margin: 0; } .attach-v-small .itsAttachFormat { left: auto; right: 30px; bottom: 0; font-size: 16px; padding: 0; line-height: 30px; } .attach-v-small .itsAttachTitle { padding: 10px 70px 0 15px; } .upload_button_name.attach-v-small .EmbeddedButtonUploadAttachment .itsButton { height:60px; box-sizing: border-box; } .attach-v-small .EmbeddedButtonUploadAttachment .itsButton > span { line-height: 62px; } /*------------------*/ .upload_button_name.attach-v-small-line { max-height: 62px; overflow: hidden; } .attach-v-small-line .EmbeddedButtonUploadAttachment { height:30px; } .attach-v-small-line .itsAttach{ height: 30px; padding: 1px; /*--компенсация бордеров--*/ box-sizing: border-box; } .attach-v-small-line .itsAttachDownloadBtn{ display: none; border: none; margin: 0; } .attach-v-small-line .itsAttachFormat { display: none; left: auto; right: 30px; bottom: 0; font-size: 16px; padding: 0; line-height: 30px; } /*.attach-v-small-line .itsAttachTitle { padding: 10px 70px 0 15px; }*/ .attach-v-small-line .itsAttachTitle { font-size: 13px; line-height: 13px; display: block; padding: 8px 20px 0 15px; height: auto; overflow: hidden; width: auto; word-break: break-all; } .attach-v-small-line .itsAttachDropBtn { display: inline-block; position: absolute; padding: 8px; } .upload_button_name.attach-v-small-line .EmbeddedButtonUploadAttachment .itsButton { height:30px; box-sizing: border-box; } .attach-v-small-line .EmbeddedButtonUploadAttachment .itsButton > span { line-height: 30px; } .attach-v-small-line .itsAttach { width: auto; padding-right: 40px; } .attach-v-small-line .itsAttach>div, .attach-v-small-line .itsAttach>span{ display: inline-block; } .attach-v-small-line .itsAttachFormat { position: relative; right: 10px; } .attach-v-small-line .itsAttachDownloadBtn { position: absolute; right: 20px; } /*------------------*/ .attach-v-read-mode .EmbeddedButtonUploadAttachment .itsButton{ width: auto; border: 0; margin: 0; line-height: normal; background: transparent; max-width: 231px; word-break: break-word; } .upload_button_name.attach-v-read-mode .EmbeddedButtonUploadAttachment .itsButton { height: auto; padding: 5px; } .attach-v-read-mode .EmbeddedButtonUploadAttachment .itsButton>span { line-height: 27px; padding: 1px; margin-left: 1px; } .attach-v-read-mode .itsAttach { height: auto; color: #428bca; background: transparent !important; } .attach-v-read-mode .itsAttach:hover { text-decoration: underline; } .attach-v-read-mode .itsAttach > .itsAttachTitle { height: 30px; line-height: 30px; padding: 0 30px 0 15px; text-overflow: ellipsis; white-space: nowrap; } .attach-v-read-mode .itsAttach .itsAttachDownloadBtn, .attach-v-read-mode .itsAttach .itsAttachFormat { display: none; } .attach-v-read-mode .itsAttach .itsAttachTitle:before { content: '\f0d6'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; display: inline-block; color: rgb(160, 160, 160); padding: 0 2px 0 0; } .attach-v-read-mode .itsAttach.xls .itsAttachTitle:before, .attach-v-read-mode .itsAttach.xlsx .itsAttachTitle:before { color: rgb(82, 190, 127); } .attach-v-read-mode .itsAttach.doc .itsAttachTitle:before, .attach-v-read-mode .itsAttach.docx .itsAttachTitle:before, .attach-v-read-mode .itsAttach.odt .itsAttachTitle:before, .attach-v-read-mode .itsAttach.rtf .itsAttachTitle:before { color: rgb(92, 172, 226); } .attach-v-read-mode .itsAttach.ppt .itsAttachTitle:before, .attach-v-read-mode .itsAttach.pptx .itsAttachTitle:before { color: rgb(235, 151, 78); } .attach-v-read-mode .itsAttach.gif .itsAttachTitle:before, .attach-v-read-mode .itsAttach.tif .itsAttachTitle:before, .attach-v-read-mode .itsAttach.tiff .itsAttachTitle:before, .attach-v-read-mode .itsAttach.jpg .itsAttachTitle:before, .attach-v-read-mode .itsAttach.bmp .itsAttachTitle:before, .attach-v-read-mode .itsAttach.jpeg .itsAttachTitle:before, .attach-v-read-mode .itsAttach.png { color: rgb(82, 190, 127); } .attach-v-read-mode .itsAttach.txt .itsAttachTitle:before, .attach-v-read-mode .itsAttach.log .itsAttachTitle:before, .attach-v-read-mode .itsAttach.java .itsAttachTitle:before, .attach-v-read-mode .itsAttach.xml .itsAttachTitle:before { color: rgb(92, 109, 126); } .attach-v-read-mode .itsAttach.pdf .itsAttachTitle:before { color: rgb(204, 96, 85); } .chr-c-red500 f-item[selected]:before { background-color: rgb(var(--red500)) !important; } .chr-c-red500 f-item[selected]:before, .chr-c-red500 [edit] f-item:hover:before { border-color: rgb(var(--red500)) !important; } .chr-v-plashka.chr-c-red500 f-item { background: rgba(var(--red500),.1); } .chr-v-plashka.chr-c-red500 f-item[selected] { background: rgba(var(--red500),1); } .chr-c-red500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--red500)); } .chr-v-plashka-v2.chr-c-red500 f-item[selected] { background: rgb(var(--red500)); } .chr-c-pink500 f-item[selected]:before { background-color: rgb(var(--pink500)) !important; } .chr-c-pink500 f-item[selected]:before, .chr-c-pink500 [edit] f-item:hover:before { border-color: rgb(var(--pink500)) !important; } .chr-v-plashka.chr-c-pink500 f-item { background: rgba(var(--pink500),.1); } .chr-v-plashka.chr-c-pink500 f-item[selected] { background: rgba(var(--pink500),1); } .chr-c-pink500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--pink500)); } .chr-v-plashka-v2.chr-c-pink500 f-item[selected] { background: rgb(var(--pink500)); } .chr-c-purple500 f-item[selected]:before { background-color: rgb(var(--purple500)) !important; } .chr-c-purple500 f-item[selected]:before, .chr-c-purple500 [edit] f-item:hover:before { border-color: rgb(var(--purple500)) !important; } .chr-v-plashka.chr-c-purple500 f-item { background: rgba(var(--purple500),.1); } .chr-v-plashka.chr-c-purple500 f-item[selected] { background: rgba(var(--purple500),1); } .chr-c-purple500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--purple500)); } .chr-v-plashka-v2.chr-c-purple500 f-item[selected] { background: rgb(var(--purple500)); } .chr-c-deep-purple500 f-item[selected]:before { background-color: rgb(var(--deep-purple500)) !important; } .chr-c-deep-purple500 f-item[selected]:before, .chr-c-deep-purple500 [edit] f-item:hover:before { border-color: rgb(var(--deep-purple500)) !important; } .chr-v-plashka.chr-c-deep-purple500 f-item { background: rgba(var(--deep-purple500),.1); } .chr-v-plashka.chr-c-deep-purple500 f-item[selected] { background: rgba(var(--deep-purple500),1); } .chr-c-deep-purple500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--deep-purple500)); } .chr-v-plashka-v2.chr-c-deep-purple500 f-item[selected] { background: rgb(var(--deep-purple500)); } .chr-c-indigo500 f-item[selected]:before { background-color: rgb(var(--indigo500)) !important; } .chr-c-indigo500 f-item[selected]:before, .chr-c-indigo500 [edit] f-item:hover:before { border-color: rgb(var(--indigo500)) !important; } .chr-v-plashka.chr-c-indigo500 f-item { background: rgba(var(--indigo500),.1); } .chr-v-plashka.chr-c-indigo500 f-item[selected] { background: rgba(var(--indigo500),1); } .chr-c-indigo500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--indigo500)); } .chr-v-plashka-v2.chr-c-indigo500 f-item[selected] { background: rgb(var(--indigo500)); } .chr-c-blue500 f-item[selected]:before { background-color: rgb(var(--blue500)) !important; } .chr-c-blue500 f-item[selected]:before, .chr-c-blue500 [edit] f-item:hover:before { border-color: rgb(var(--blue500)) !important; } .chr-v-plashka.chr-c-blue500 f-item { background: rgba(var(--blue500),.1); } .chr-v-plashka.chr-c-blue500 f-item[selected] { background: rgba(var(--blue500),1); } .chr-c-blue500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--blue500)); } .chr-v-plashka-v2.chr-c-blue500 f-item[selected] { background: rgb(var(--blue500)); } .chr-c-light-blue500 f-item[selected]:before { background-color: rgb(var(--light-blue500)) !important; } .chr-c-light-blue500 f-item[selected]:before, .chr-c-light-blue500 [edit] f-item:hover:before { border-color: rgb(var(--light-blue500)) !important; } .chr-v-plashka.chr-c-light-blue500 f-item { background: rgba(var(--light-blue500),.1); } .chr-v-plashka.chr-c-light-blue500 f-item[selected] { background: rgba(var(--light-blue500),1); } .chr-c-light-blue500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--light-blue500)); } .chr-v-plashka-v2.chr-c-light-blue500 f-item[selected] { background: rgb(var(--light-blue500)); } .chr-c-cyan500 f-item[selected]:before { background-color: rgb(var(--cyan500)) !important; } .chr-c-cyan500 f-item[selected]:before, .chr-c-cyan500 [edit] f-item:hover:before { border-color: rgb(var(--cyan500)) !important; } .chr-v-plashka.chr-c-cyan500 f-item { background: rgba(var(--cyan500),.1); } .chr-v-plashka.chr-c-cyan500 f-item[selected] { background: rgba(var(--cyan500),1); } .chr-c-cyan500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--cyan500)); } .chr-v-plashka-v2.chr-c-cyan500 f-item[selected] { background: rgb(var(--cyan500)); } .chr-c-teal500 f-item[selected]:before { background-color: rgb(var(--teal500)) !important; } .chr-c-teal500 f-item[selected]:before, .chr-c-teal500 [edit] f-item:hover:before { border-color: rgb(var(--teal500)) !important; } .chr-v-plashka.chr-c-teal500 f-item { background: rgba(var(--teal500),.1); } .chr-v-plashka.chr-c-teal500 f-item[selected] { background: rgba(var(--teal500),1); } .chr-c-teal500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--teal500)); } .chr-v-plashka-v2.chr-c-teal500 f-item[selected] { background: rgb(var(--teal500)); } .chr-c-green500 f-item[selected]:before { background-color: rgb(var(--green500)) !important; } .chr-c-green500 f-item[selected]:before, .chr-c-green500 [edit] f-item:hover:before { border-color: rgb(var(--green500)) !important; } .chr-v-plashka.chr-c-green500 f-item { background: rgba(var(--green500),.1); } .chr-v-plashka.chr-c-green500 f-item[selected] { background: rgba(var(--green500),1); } .chr-c-green500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--green500)); } .chr-v-plashka-v2.chr-c-green500 f-item[selected] { background: rgb(var(--green500)); } .chr-c-light-green500 f-item[selected]:before { background-color: rgb(var(--light-green500)) !important; } .chr-c-light-green500 f-item[selected]:before, .chr-c-light-green500 [edit] f-item:hover:before { border-color: rgb(var(--light-green500)) !important; } .chr-v-plashka.chr-c-light-green500 f-item { background: rgba(var(--light-green500),.1); } .chr-v-plashka.chr-c-light-green500 f-item[selected] { background: rgba(var(--light-green500),1); } .chr-c-light-green500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--light-green500)); } .chr-v-plashka-v2.chr-c-light-green500 f-item[selected] { background: rgb(var(--light-green500)); } .chr-c-lime600 f-item[selected]:before { background-color: rgb(var(--lime600)) !important; } .chr-c-lime600 f-item[selected]:before, .chr-c-lime600 [edit] f-item:hover:before { border-color: rgb(var(--lime600)) !important; } .chr-v-plashka.chr-c-lime600 f-item { background: rgba(var(--lime600),.1); } .chr-v-plashka.chr-c-lime600 f-item[selected] { background: rgba(var(--lime600),1); } .chr-c-lime600.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--lime600)); } .chr-v-plashka-v2.chr-c-lime600 f-item[selected] { background: rgb(var(--lime600)); } .chr-c-yellow600 f-item[selected]:before { background-color: rgb(var(--yellow600)) !important; } .chr-c-yellow600 f-item[selected]:before, .chr-c-yellow600 [edit] f-item:hover:before { border-color: rgb(var(--yellow600)) !important; } .chr-v-plashka.chr-c-yellow600 f-item { background: rgba(var(--yellow600),.1); } .chr-v-plashka.chr-c-yellow600 f-item[selected] { background: rgba(var(--yellow600),1); } .chr-c-yellow600.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--yellow600)); } .chr-v-plashka-v2.chr-c-yellow600 f-item[selected] { background: rgb(var(--yellow600)); } .chr-c-amber500 f-item[selected]:before { background-color: rgb(var(--amber500)) !important; } .chr-c-amber500 f-item[selected]:before, .chr-c-amber500 [edit] f-item:hover:before { border-color: rgb(var(--amber500)) !important; } .chr-v-plashka.chr-c-amber500 f-item { background: rgba(var(--amber500),.1); } .chr-v-plashka.chr-c-amber500 f-item[selected] { background: rgba(var(--amber500),1); } .chr-c-amber500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--amber500)); } .chr-v-plashka-v2.chr-c-amber500 f-item[selected] { background: rgb(var(--amber500)); } .chr-c-orange500 f-item[selected]:before { background-color: rgb(var(--orange500)) !important; } .chr-c-orange500 f-item[selected]:before, .chr-c-orange500 [edit] f-item:hover:before { border-color: rgb(var(--orange500)) !important; } .chr-v-plashka.chr-c-orange500 f-item { background: rgba(var(--orange500),.1); } .chr-v-plashka.chr-c-orange500 f-item[selected] { background: rgba(var(--orange500),1); } .chr-c-orange500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--orange500)); } .chr-v-plashka-v2.chr-c-orange500 f-item[selected] { background: rgb(var(--orange500)); } .chr-c-deep-orange500 f-item[selected]:before { background-color: rgb(var(--deep-orange500)) !important; } .chr-c-deep-orange500 f-item[selected]:before, .chr-c-deep-orange500 [edit] f-item:hover:before { border-color: rgb(var(--deep-orange500)) !important; } .chr-v-plashka.chr-c-deep-orange500 f-item { background: rgba(var(--deep-orange500),.1); } .chr-v-plashka.chr-c-deep-orange500 f-item[selected] { background: rgba(var(--deep-orange500),1); } .chr-c-deep-orange500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--deep-orange500)); } .chr-v-plashka-v2.chr-c-deep-orange500 f-item[selected] { background: rgb(var(--deep-orange500)); } .chr-c-brown500 f-item[selected]:before { background-color: rgb(var(--brown500)) !important; } .chr-c-brown500 f-item[selected]:before, .chr-c-brown500 [edit] f-item:hover:before { border-color: rgb(var(--brown500)) !important; } .chr-v-plashka.chr-c-brown500 f-item { background: rgba(var(--brown500),.1); } .chr-v-plashka.chr-c-brown500 f-item[selected] { background: rgba(var(--brown500),1); } .chr-c-brown500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--brown500)); } .chr-v-plashka-v2.chr-c-brown500 f-item[selected] { background: rgb(var(--brown500)); } .chr-c-gray600 f-item[selected]:before { background-color: rgb(var(--gray600)) !important; } .chr-c-gray600 f-item[selected]:before, .chr-c-gray600 [edit] f-item:hover:before { border-color: rgb(var(--gray600)) !important; } .chr-v-plashka.chr-c-gray600 f-item { background: rgba(var(--gray600),.1); } .chr-v-plashka.chr-c-gray600 f-item[selected] { background: rgba(var(--gray600),1); } .chr-c-gray600.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--gray600)); } .chr-v-plashka-v2.chr-c-gray600 f-item[selected] { background: rgb(var(--gray600)); } .chr-c-blue-gray500 f-item[selected]:before { background-color: rgb(var(--blue-gray500)) !important; } .chr-c-blue-gray500 f-item[selected]:before, .chr-c-blue-gray500 [edit] f-item:hover:before { border-color: rgb(var(--blue-gray500)) !important; } .chr-v-plashka.chr-c-blue-gray500 f-item { background: rgba(var(--blue-gray500),.1); } .chr-v-plashka.chr-c-blue-gray500 f-item[selected] { background: rgba(var(--blue-gray500),1); } .chr-c-blue-gray500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--blue-gray500)); } .chr-v-plashka-v2.chr-c-blue-gray500 f-item[selected] { background: rgb(var(--blue-gray500)); } .chr-c-pale-purple500 f-item[selected]:before { background-color: rgb(var(--pale-purple500)) !important; } .chr-c-pale-purple500 f-item[selected]:before, .chr-c-pale-purple500 [edit] f-item:hover:before { border-color: rgb(var(--pale-purple500)) !important; } .chr-v-plashka.chr-c-pale-purple500 f-item { background: rgba(var(--pale-purple500),.1); } .chr-v-plashka.chr-c-pale-purple500 f-item[selected] { background: rgba(var(--pale-purple500),1); } .chr-c-pale-purple500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--pale-purple500)); } .chr-v-plashka-v2.chr-c-pale-purple500 f-item[selected] { background: rgb(var(--pale-purple500)); } .chr-c-blue-sys500 f-item[selected]:before { background-color: rgb(var(--blue-sys500)) !important; } .chr-c-blue-sys500 f-item[selected]:before, .chr-c-blue-sys500 [edit] f-item:hover:before { border-color: rgb(var(--blue-sys500)) !important; } .chr-v-plashka.chr-c-blue-sys500 f-item { background: rgba(var(--blue-sys500),.1); } .chr-v-plashka.chr-c-blue-sys500 f-item[selected] { background: rgba(var(--blue-sys500),1); } .chr-c-blue-sys500.chr-v-plashka-v2 f-item { border: 1px solid rgb(var(--blue-sys500)); } .chr-v-plashka-v2.chr-c-blue-sys500 f-item[selected] { background: rgb(var(--blue-sys500)); } .chr-f-12px f-item { font-size: 12px; } .chr-f-14px f-item { font-size: 14px; } .chr-f-15px f-item { font-size: 15px; } .chr-f-16px f-item { font-size: 16px; } .chr-f-17px f-item { font-size: 17px; } .chr-h-24px f-data>f-input>f-item { height: 24px; line-height: 22px; } .chr-h-30px f-data>f-input>f-item { height: 30px; line-height: 28px; } .chr-h-40px f-data>f-input>f-item { height: 40px; line-height: 38px; } .chr-h-50px f-data>f-input>f-item { height: 50px; line-height: 48px; } .chr-h-100px f-data>f-input>f-item { height: 100px; line-height: 98px; } .chr-h-24px[class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 24px; line-height: 24px; } .chr-h-30px[class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 30px; line-height: 30px; } .chr-h-40px[class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 40px; line-height: 40px; } .chr-h-50px[class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 50px; line-height: 50px; } .chr-h-100px[class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 100px; line-height: 100px; } .chr-m-2px f-data[horizontal]>f-input>f-item, .chr-m-2px[class*="chr-v"] f-data[horizontal]>f-input>f-item { margin-right: 2px; } .chr-m-4px f-data[horizontal]>f-input>f-item, .chr-m-4px[class*="chr-v"] f-data[horizontal]>f-input>f-item { margin-right: 4px; } .chr-m-6px f-data[horizontal]>f-input>f-item, .chr-m-6px[class*="chr-v"] f-data[horizontal]>f-input>f-item { margin-right: 6px; } .chr-m-8px f-data[horizontal]>f-input>f-item, .chr-m-8px[class*="chr-v"] f-data[horizontal]>f-input>f-item { margin-right: 8px; } .chr-m-10px f-data[horizontal]>f-input>f-item, .chr-m-10px[class*="chr-v"] f-data[horizontal]>f-input>f-item { margin-right: 10px; } .chr-m-2px f-data[vertical]>f-input>f-item { margin-bottom: 2px; } .chr-m-4px f-data[vertical]>f-input>f-item { margin-bottom: 4px; } .chr-m-6px f-data[vertical]>f-input>f-item { margin-bottom: 6px; } .chr-m-8px f-data[vertical]>f-input>f-item { margin-bottom: 8px; } .chr-m-10px f-data[vertical]>f-input>f-item { margin-bottom: 10px; } .chr-r-3px:not([class*="chr-m"]) f-input>f-item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .chr-r-3px:not([class*="chr-m"]) f-input>f-item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .chr-r-3px[class*="chr-m"] f-input>f-item, .chr-r-3px[class*="chr-v-plashka"] f-data[vertical]>f-input>f-item { border-radius: 3px; } .chr-r-3px:not([class*="chr-v-plashka"]) f-input>f-item:before { border-radius: 3px; } /*--6px--*/ .chr-r-6px:not([class*="chr-m"]) f-input>f-item:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .chr-r-6px:not([class*="chr-m"]) f-input>f-item:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .chr-r-6px[class*="chr-m"] f-input>f-item, .chr-r-6px[class*="chr-v-plashka"] f-data[vertical]>f-input>f-item { border-radius: 6px; } .chr-r-6px:not([class*="chr-v-plashka"]) f-input>f-item:before { border-radius: 6px; } /*--10px--*/ .chr-r-10px:not([class*="chr-m"]) f-input>f-item:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .chr-r-10px:not([class*="chr-m"]) f-input>f-item:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .chr-r-10px[class*="chr-m"] f-input>f-item, .chr-r-10px[class*="chr-v-plashka"] f-data[vertical]>f-input>f-item { border-radius: 10px; } .chr-r-10px:not([class*="chr-v-plashka"]) f-input>f-item:before { border-radius: 10px; } /*--15px--*/ .chr-r-15px:not([class*="chr-m"]) f-input>f-item:first-child { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .chr-r-15px:not([class*="chr-m"]) f-input>f-item:last-child { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .chr-r-15px[class*="chr-m"] f-input>f-item, .chr-r-15px[class*="chr-v-plashka"] f-data[vertical]>f-input>f-item { border-radius: 15px; } .chr-r-15px:not([class*="chr-v-plashka"]) f-input>f-item:before { border-radius: 15px; } /*--50percent--*/ .chr-r-50percent:not([class*="chr-m"]) f-input>f-item:first-child { border-top-left-radius: 50%; border-bottom-left-radius: 50%; } .chr-r-50percent:not([class*="chr-m"]) f-input>f-item:last-child { border-top-right-radius: 50%; border-bottom-right-radius: 50%; } .chr-r-50percent[class*="chr-m"] f-input>f-item, .chr-r-50percent[class*="chr-v-plashka"] f-data[vertical]>f-input>f-item{ border-radius: 50%; } .chr-r-50percent:not([class*="chr-v-plashka"]) f-input>f-item:before { border-radius: 50%; } .chr-v-plashka f-item { justify-content: center; width: auto; padding: 0 10px; box-sizing: border-box; text-align: center; border-radius: 2px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-top: 0; border-left: 0; background: rgba(100, 100, 100,.1); } .chr-v-plashka f-item[selected] { background: rgba(50, 50, 50,.15); } .chr-v-plashka-v2 f-item { justify-content: center; width: auto; padding: 0 10px; box-sizing: border-box; text-align: center; border: 1px solid rgba(0,0,0,0.2); } .chr-v-plashka:not([class*="chr-h"]) f-data>f-input>f-item, .chr-v-plashka-v2:not([class*="chr-h"]) f-data>f-input>f-item { height: 26px; line-height: 24px; } .chr-v-plashka:not([class*="chr-h"]) f-data[type-checkbox][vertical]>f-input[column-count]>f-item, .chr-v-plashka-v2:not([class*="chr-h"]) f-data[type-checkbox][vertical]>f-input[column-count]>f-item { height: 26px; line-height: 26px; } .chr-v-plashka f-data, .chr-v-plashka-v2 f-data { top: 0; } .chr-v-plashka-v2 f-data[horizontal]>f-input>f-item { margin-right: -1px; margin-bottom: 0; } .chr-v-plashka-v2 f-item[selected] { background: rgba(100, 100, 100,.1); } .chr-v-plashka f-data[horizontal]>f-input>f-item, f-data[horizontal].chr-v-plashka>f-input>f-item { margin-right: 0; margin-bottom: 0; } .chr-v-plashka f-item:before, .chr-v-plashka-v2 f-item:before { display: none !important; } .chr-v-plashka f-data>f-input, .chr-v-plashka-v2 f-data>f-input { padding-top: 0; } .chr-v-plashka[class*="chr-w-"] f-input>f-item, .chr-v-plashka-v2[class*="chr-w-"] f-input>f-item { padding: 0; text-align: center; overflow: hidden; } [class*="chr-h-"]:not([class*="chr-v-plashka"]) f-input>f-item:before, [class*="chr-h-"]:not([class*="chr-v-plashka"]) f-input>f-item:before { top: 50%; margin-top: -8px; } .chr-v-plashka f-data[vertical], .chr-v-plashka-v2 f-data[vertical] { width: auto; display: flex; } .chr-v-plashka:not([class*="chr-m"]) f-data[vertical]>f-input>f-item, .chr-v-plashka-v2:not([class*="chr-m"]) f-data[vertical]>f-input>f-item { margin-bottom: -1px; } [class*="chr-v-plashka"] f-data[type-checkbox][vertical]>f-input[column-count]>f-item { display: block; } .chr-v-plashka[class*="chr-c"] f-input>f-item[selected], .chr-v-plashka-v2[class*="chr-c"] f-input>f-item[selected], .chr-v-plashka[class*="chr-c"] f-input>f-item[selected]:hover, .chr-v-plashka-v2[class*="chr-c"] f-input>f-item[selected]:hover { color: #FFFFFF; } .chr-v-plashka-v2[class*="chr-c"] [disabled] f-item[selected], .chr-v-plashka-v2[class*="chr-c"] [read] f-item[selected], .chr-v-plashka-v2[class*="chr-c"] [disabled] f-item[selected]:hover, .chr-v-plashka-v2[class*="chr-c"] [read] f-item[selected]:hover { color: #F0F0F0; } f-box[class*="chr-v-plashka"] f-data[read][type-checkbox] f-input, f-box[class*="chr-v-plashka"] f-data[read][type-radiobutton] f-input { padding-top: 0; } .chr-w-26px f-item { width: 26px; } .chr-w-30px f-item { width: 30px; } .chr-w-40px f-item { width: 40px; } .chr-w-50px f-item { width: 50px; } .chr-w-100px f-item { width: 100px; } /*-----Style inputs in container-----*/ .dynamictable-v-table-smart .dt_column_data--rating { width: 115px; } .dynamictable-v-table-smart .dt_column_data--rating+td { width: 20px; } .dynamictable-v-table-smart { background: #fff; box-sizing:border-box; } .dynamictable-v-table-smart thead th { border-bottom: solid 4px rgb(247, 247, 247); box-sizing: border-box; font-weight: bold; height: 32px; line-height: 35px; text-align: center; font-size: 12px; color: rgb(85, 85, 85); } .dynamictable-v-table-smart thead th:not(:last-child), .dynamictable-v-table-smart tbody td:not(:last-child) { border-right: solid 1px rgb(247, 247, 247); } .dynamictable-v-table-smart tbody td:not([class]){ width:1px; } .dynamictable-v-table-smart tbody td{ border-bottom: solid 1px rgb(247, 247, 247); } .dynamictable-v-table-smart [type-text] input, .dynamictable-v-table-smart [type-text] .itsComboboxInput{ padding: 0 5px 0 5px; border: 1px solid white; height: 30px; } .dynamictable-v-table-smart [type-combobox]>f-input{ padding: 2px 5px 2px 7px; border: 1px solid transparent; height: 30px; } .dynamictable-v-table-smart f-box { padding-bottom: 0; } .dynamictable-v-table-smart [type-text] input:not(:focus):hover, .dynamictable-v-table-smart [type-text] .itsComboboxInput:not(:focus):hover{ border-color: rgba(82, 168, 236, 0.44) !important; } .dynamictable-v-table-smart .XpdDynamicTableButtonAdd { display: block; margin: 10px; } .dynamictable-v-table-smart .XpdDynamicTableButtonAdd .itsButton > span { padding: 12px 25px; } /*-----Style inputs in container-----*/ f-box.f-combobox-v-simple.f-combobox-c-red500 f-data[type-combobox] f-input>f-name { color: rgb(var(--red500)); } f-box.f-combobox-v-simple.f-combobox-c-red500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--red500)); } f-box.f-combobox-v-simple.f-combobox-c-pink500 f-data[type-combobox] f-input>f-name { color: rgb(var(--pink500)); } f-box.f-combobox-v-simple.f-combobox-c-pink500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--pink500)); } f-box.f-combobox-v-simple.f-combobox-c-purple500 f-data[type-combobox] f-input>f-name { color: rgb(var(--purple500)); } f-box.f-combobox-v-simple.f-combobox-c-purple500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--purple500)); } f-box.f-combobox-v-simple.f-combobox-c-deep-purple500 f-data[type-combobox] f-input>f-name { color: rgb(var(--deep-purple500)); } f-box.f-combobox-v-simple.f-combobox-c-deep-purple500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--deep-purple500)); } f-box.f-combobox-v-simple.f-combobox-c-indigo500 f-data[type-combobox] f-input>f-name { color: rgb(var(--indigo500)); } f-box.f-combobox-v-simple.f-combobox-c-indigo500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--indigo500)); } f-box.f-combobox-v-simple.f-combobox-c-blue500 f-data[type-combobox] f-input>f-name { color: rgb(var(--blue500)); } f-box.f-combobox-v-simple.f-combobox-c-blue500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--blue500)); } f-box.f-combobox-v-simple.f-combobox-c-light-blue500 f-data[type-combobox] f-input>f-name { color: rgb(var(--light-blue500)); } f-box.f-combobox-v-simple.f-combobox-c-light-blue500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--light-blue500)); } f-box.f-combobox-v-simple.f-combobox-c-cyan500 f-data[type-combobox] f-input>f-name { color: rgb(var(--cyan500)); } f-box.f-combobox-v-simple.f-combobox-c-cyan500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--cyan500)); } f-box.f-combobox-v-simple.f-combobox-c-teal500 f-data[type-combobox] f-input>f-name { color: rgb(var(--teal500)); } f-box.f-combobox-v-simple.f-combobox-c-teal500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--teal500)); } f-box.f-combobox-v-simple.f-combobox-c-green500 f-data[type-combobox] f-input>f-name { color: rgb(var(--green500)); } f-box.f-combobox-v-simple.f-combobox-c-green500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--green500)); } f-box.f-combobox-v-simple.f-combobox-c-light-green500 f-data[type-combobox] f-input>f-name { color: rgb(var(--light-green500)); } f-box.f-combobox-v-simple.f-combobox-c-light-green500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--light-green500)); } f-box.f-combobox-v-simple.f-combobox-c-lime600 f-data[type-combobox] f-input>f-name { color: rgb(var(--lime600)); } f-box.f-combobox-v-simple.f-combobox-c-lime600 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--lime600)); } f-box.f-combobox-v-simple.f-combobox-c-yellow600 f-data[type-combobox] f-input>f-name { color: rgb(var(--yellow600)); } f-box.f-combobox-v-simple.f-combobox-c-yellow600 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--yellow600)); } f-box.f-combobox-v-simple.f-combobox-c-amber500 f-data[type-combobox] f-input>f-name { color: rgb(var(--amber500)); } f-box.f-combobox-v-simple.f-combobox-c-amber500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--amber500)); } f-box.f-combobox-v-simple.f-combobox-c-orange500 f-data[type-combobox] f-input>f-name { color: rgb(var(--orange500)); } f-box.f-combobox-v-simple.f-combobox-c-orange500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--orange500)); } f-box.f-combobox-v-simple.f-combobox-c-deep-orange500 f-data[type-combobox] f-input>f-name { color: rgb(var(--deep-orange500)); } f-box.f-combobox-v-simple.f-combobox-c-deep-orange500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--deep-orange500)); } f-box.f-combobox-v-simple.f-combobox-c-brown500 f-data[type-combobox] f-input>f-name { color: rgb(var(--brown500)); } f-box.f-combobox-v-simple.f-combobox-c-brown500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--brown500)); } f-box.f-combobox-v-simple.f-combobox-c-gray600 f-data[type-combobox] f-input>f-name { color: rgb(var(--gray600)); } f-box.f-combobox-v-simple.f-combobox-c-gray600 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--gray600)); } f-box.f-combobox-v-simple.f-combobox-c-blue-gray500 f-data[type-combobox] f-input>f-name { color: rgb(var(--blue-gray500)); } f-box.f-combobox-v-simple.f-combobox-c-blue-gray500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--blue-gray500)); } f-box.f-combobox-v-simple.f-combobox-c-pale-purple500 f-data[type-combobox] f-input>f-name { color: rgb(var(--pale-purple500)); } f-box.f-combobox-v-simple.f-combobox-c-pale-purple500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--pale-purple500)); } f-box.f-combobox-v-simple.f-combobox-c-blue-sys500 f-data[type-combobox] f-input>f-name { color: rgb(var(--blue-sys500)); } f-box.f-combobox-v-simple.f-combobox-c-blue-sys500 f-data[type-combobox] f-input>f-button:after { border-color: rgb(var(--blue-sys500)); } f-box.f-combobox-v-flex { table-layout: fixed; } f-box.f-combobox-v-flex>f-data { width: 100%; } f-box.f-combobox-v-flex>f-data>f-input { max-width: 100%; display: block; } f-box.f-combobox-v-flex>f-data[type-combobox][read]>f-input { white-space: normal; height: auto; } /*-------simple----------*/ f-box.f-combobox-v-simple f-data[type-combobox] f-input { border: 0; min-width: auto; } f-box.f-combobox-v-simple f-data[type-combobox] f-input>f-name { color: rgb(var(--blue500)); } f-box.f-combobox-v-simple f-data[type-combobox] f-input>f-name { line-height: 26px; } f-box.f-combobox-v-simple f-data[type-combobox] f-input>f-button:after { content: ""; display: inline-block; width:0; height: 0; top: -1px; border: 4px solid transparent; border-top-color: rgb(var(--blue500)); position: relative; border: solid rgb(var(--blue500)); border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } f-box.f-combobox-v-simple f-data[type-combobox] f-input>f-button { right: 4px; } f-box.f-combobox-v-simple f-input>f-name:empty:before { content: "---"; opacity: 0.3; } /*.f-fielddate-v-little f-data.VueCtkDateTimeInline, .f-fielddate-v-little f-data.VueCtkDateTimeInline .pickers-container { height: 280px; } .f-fielddate-v-little f-data.VueCtkDateTimeInline[type-date], .f-fielddate-v-little f-data.VueCtkDateTimeInline[type-date] .pickers-container { height: 280px; }*/ .f-fielddate-v-little .VueCtkDateTimeInline[type-date]>.dataPickerContainerComponent { max-width: 200px; min-width: 200px; } .f-fielddate-v-little .pickers-container .time-picker { height: calc(100% - 15px); } .f-fielddate-v-little .datepicker-container .calendar>.datepicker-controls.justify-content-center, .f-fielddate-v-little .datepicker-container .calendar>.datepicker-controls.justify-content-center>.datepicker-container-label { height: auto; } .f-fielddate-v-little .datepicker-container .datepicker-days .datepicker-day-effect { width: auto !important; } .f-fielddate-v-little .date-time-picker .flex-direction-column { padding-right: 0; } .f-fielddate-v-little .datepicker-container .datepicker-days .datepicker-day .datepicker-today, .f-fielddate-v-little .datepicker-container .datepicker-days .datepicker-day-effect { width: 23px !important; height: 25px !important; } .f-fielddate-v-little .dataPickerContainerComponent { width: 290px; min-width: 290px; } .f-fielddate-v-little.VueCtkDateTimeInline { width: 290px; padding-right: 10px; } .f-fielddate-v-little .VueCtkDateTimeInline[type-time] .dataPickerContainerComponent { width: auto; } .f-fielddate-v-little f-data[type-time].VueCtkDateTimeInline { height: 200px; } .f-fielddate-v-little .VueCtkDateTimeInline[type-time]>.dataPickerContainerComponent { min-width: 90px; } .f-fielddate-v-little .datetimepicker .week-days[data-v-a5a27e8c] { height: 26px; } .f-fielddate-v-little .datepicker-container .datepicker-days .datepicker-day.flex, .f-fielddate-v-little .datepicker-container .datepicker-days .datepicker-day.align-center.justify-content-center { height: 26px; } .f-fielddate-v-little.VueCtkDateTimeInline .dataPickerContainerComponent .time-picker.inline, .f-fielddate-v-little .VueCtkDateTimeInline .dataPickerContainerComponent .time-picker.inline { max-height: 196px; } .f-fielddate-v-little .datepicker-container.flex.inline { /* max-height: 202px;*/ height: auto !important; } .f-fielddate-v-little .datetimepicker .pickers-container .month-container { height: auto !important; } .f-fielddate-v-little .datetimepicker .custom-button, .f-fielddate-v-little .datetimepicker .custom-button .custom-button-effect{ height: 24px; } .f-fielddate-v-little .datetimepicker .custom-button { padding: 0 9px; } /*--no show like widget--*/ /*.f-fielddate-v-little [type-date] f-button+[data-picker-component] .datepicker.flex.flex-direction-column { }*/ .f-radiogroup-c-red500 f-item:before { background-color: rgb(var(--red500)) !important; } .f-radiogroup-c-blue500 f-item:before { background-color: rgb(var(--blue500)) !important; } .f-radiogroup-c-green500 f-item:before { background-color: rgb(var(--green500)) !important; } .f-radiogroup-v1 f-item:before { height: 40px !important; } .f-radiogroup-v2 f-item:before { width: 40px !important; } .f-radiogroup-v3 f-item:before { height: 60px !important; width: 60px !important; } .label-v-disabled f-input { border: 1px solid rgb(200, 200, 200); background: rgba(200, 200, 200, .2); color: rgb(110, 110, 110); padding: 4px 0px 3px 7px; } f-box.label-v-disabled f-data[read] f-input { padding: 4px 0px 3px 7px; } .menu-c-red500, .menu-c-red500 .xpdMenu { background: rgb(var(--red500)); } .menu-c-pink500, .menu-c-pink500 .xpdMenu { background: rgb(var(--pink500)); } .menu-c-purple500, .menu-c-purple500 .xpdMenu { background: rgb(var(--purple500)); } .menu-c-deep-purple500, .menu-c-deep-purple500 .xpdMenu { background: rgb(var(--deep-purple500)); } .menu-c-indigo500, .menu-c-indigo500 .xpdMenu { background: rgb(var(--indigo500)); } .menu-c-blue500, .menu-c-blue500 .xpdMenu { background: rgb(var(--blue500)); } .menu-c-light-blue500, .menu-c-light-blue500 .xpdMenu { background: rgb(var(--light-blue500)); } .menu-c-cyan500, .menu-c-cyan500 .xpdMenu { background: rgb(var(--cyan500)); } .menu-c-teal500, .menu-c-teal500 .xpdMenu { background: rgb(var(--teal500)); } .menu-c-green500, .menu-c-green500 .xpdMenu { background: rgb(var(--green500)); } .menu-c-light-green500, .menu-c-light-green500 .xpdMenu { background: rgb(var(--light-green500)); } .menu-c-lime600, .menu-c-lime600 .xpdMenu { background: rgb(var(--lime600)); } .menu-c-yellow600, .menu-c-yellow600 .xpdMenu { background: rgb(var(--yellow600)); } .menu-c-amber500, .menu-c-amber500 .xpdMenu { background: rgb(var(--amber500)); } .menu-c-orange500, .menu-c-orange500 .xpdMenu { background: rgb(var(--orange500)); } .menu-c-deep-orange500, .menu-c-deep-orange500 .xpdMenu { background: rgb(var(--deep-orange500)); } .menu-c-brown500, .menu-c-brown500 .xpdMenu { background: rgb(var(--brown500)); } .menu-c-gray600, .menu-c-gray600 .xpdMenu { background: rgb(var(--gray600)); } .menu-c-blue-gray500, .menu-c-blue-gray500 .xpdMenu { background: rgb(var(--blue-gray500)); } .menu-c-pale-purple500, .menu-c-pale-purple500 .xpdMenu { background: rgb(var(--pale-purple500)); } .menu-c-blue-sys500, .menu-c-blue-sys500 .xpdMenu { background: rgb(var(--blue-sys500)); } .menu-fs-15px a { font-size: 15px; } .menu-fs-16px a { font-size: 16px; } .menu-fs-17px a { font-size: 17px; } .menu-fs-18px a { font-size: 18px; } .menu-fs-19px a { font-size: 19px; } .menu-h-10px a { padding-top: 10px; padding-bottom: 10px; } .menu-h-15px a { padding-top: 15px; padding-bottom: 15px; } .menu-h-20px a { padding-top: 20px; padding-bottom: 20px; } .menu-h-25px a { padding-top: 25px; padding-bottom: 25px; } .menu-h-30px a { padding-top: 30px; padding-bottom: 30px; } .menu-selected-red500 a[active], .menu-selected-red500 [state="closed"]>a[active-open] { background: rgb(var(--red500)) !important; } .menu-selected-pink500 a[active], .menu-selected-pink500 [state="closed"]>a[active-open] { background: rgb(var(--pink500)) !important; } .menu-selected-purple500 a[active], .menu-selected-purple500 [state="closed"]>a[active-open] { background: rgb(var(--purple500)) !important; } .menu-selected-deep-purple500 a[active], .menu-selected-deep-purple500 [state="closed"]>a[active-open] { background: rgb(var(--deep-purple500)) !important; } .menu-selected-indigo500 a[active], .menu-selected-indigo500 [state="closed"]>a[active-open] { background: rgb(var(--indigo500)) !important; } .menu-selected-blue500 a[active], .menu-selected-blue500 [state="closed"]>a[active-open] { background: rgb(var(--blue500)) !important; } .menu-selected-light-blue500 a[active], .menu-selected-light-blue500 [state="closed"]>a[active-open] { background: rgb(var(--light-blue500)) !important; } .menu-selected-cyan500 a[active], .menu-selected-cyan500 [state="closed"]>a[active-open] { background: rgb(var(--cyan500)) !important; } .menu-selected-teal500 a[active], .menu-selected-teal500 [state="closed"]>a[active-open] { background: rgb(var(--teal500)) !important; } .menu-selected-green500 a[active], .menu-selected-green500 [state="closed"]>a[active-open] { background: rgb(var(--green500)) !important; } .menu-selected-light-green500 a[active], .menu-selected-light-green500 [state="closed"]>a[active-open] { background: rgb(var(--light-green500)) !important; } .menu-selected-lime600 a[active], .menu-selected-lime600 [state="closed"]>a[active-open] { background: rgb(var(--lime600)) !important; } .menu-selected-yellow600 a[active], .menu-selected-yellow600 [state="closed"]>a[active-open] { background: rgb(var(--yellow600)) !important; } .menu-selected-amber500 a[active], .menu-selected-amber500 [state="closed"]>a[active-open] { background: rgb(var(--amber500)) !important; } .menu-selected-orange500 a[active], .menu-selected-orange500 [state="closed"]>a[active-open] { background: rgb(var(--orange500)) !important; } .menu-selected-deep-orange500 a[active], .menu-selected-deep-orange500 [state="closed"]>a[active-open] { background: rgb(var(--deep-orange500)) !important; } .menu-selected-brown500 a[active], .menu-selected-brown500 [state="closed"]>a[active-open] { background: rgb(var(--brown500)) !important; } .menu-selected-gray600 a[active], .menu-selected-gray600 [state="closed"]>a[active-open] { background: rgb(var(--gray600)) !important; } .menu-selected-blue-gray500 a[active], .menu-selected-blue-gray500 [state="closed"]>a[active-open] { background: rgb(var(--blue-gray500)) !important; } .menu-selected-pale-purple500 a[active], .menu-selected-pale-purple500 [state="closed"]>a[active-open] { background: rgb(var(--pale-purple500)) !important; } .menu-selected-blue-sys500 a[active], .menu-selected-blue-sys500 [state="closed"]>a[active-open] { background: rgb(var(--blue-sys500)) !important; } [class*="menu-c-"] a, [class*="menu-selected-"] a[active] { color: #FFFFFF; } [state="closed"].xpdMenuWisChild>.xpdMenuTitle:after, .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after { border-left-color: #787878; } [class*="menu-c-"] [state="closed"].xpdMenuWisChild>.xpdMenuTitle:after, [class*="menu-c-"] .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle:after, [class*="menu-selected-"] [state="closed"].xpdMenuWisChild>.xpdMenuTitle[active]:after, [class*="menu-selected-"] .xpdMenuShowPopup.xpdMenuWisChild>.xpdMenuTitle[active]:after { border-left-color: #FFFFFF; } [class*="menu-c-"] .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild[state="open"]>.xpdMenuTitle:after, [class*="menu-c-"] .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle:after, [class*="menu-selected-"] .itsContainerHorizontal>.xpdMenu.xpdMenuWisChild[state="open"]>.xpdMenuTitle[active]:after, [class*="menu-selected-"].itsContainerHorizontal>.xpdMenu.itsContainerVertical.xpdMenuWisChild.xpdMenuShowSlide[state="closed"]>a.xpdMenuTitle[active]:after, [class*="menu-selected-"] .xpdMenuShowSlide[state="open"].xpdMenuWisChild>.xpdMenuTitle[active]:after, [class*="menu-c-"].itsContainerHorizontal>.xpdMenu.xpdMenuWisChild.xpdMenuShowPopup>.xpdMenuTitle:after { border-top-color: #FFFFFF; border-left-color: transparent; } .itsContainerHorizontal [state="closed"][class*="menu-c-"] a:after { margin: -4px; } /*._menu-w-5px a { padding-left: 5px; padding-right: 5px; } ._menu-w-10px a { padding-left: 10px; padding-right: 10px; } ._menu-w-15px a { padding-left: 15px; padding-right: 15px; } ._menu-w-20px a { padding-left: 20px; padding-right: 20px; }*/ .menu-w-25px a { padding-left: 25px; padding-right: 25px; } /*.menu-w-25px a.xpdMenuTitle[class*="icon-"] { padding-left: 47px; }*/ .menu-w-30px a { padding-left: 30px; padding-right: 30px; } /*.menu-w-30px a.xpdMenuTitle[class*="icon-"] { padding-left: 52px; }*/ .menu-w-35px a { padding-left: 35px; padding-right: 35px; } /*.menu-w-35px a.xpdMenuTitle[class*="icon-"] { padding-left: 57px; }*/ .menu-w-40px a { padding-left: 40px; padding-right: 40px; } /*.menu-w-40px a.xpdMenuTitle[class*="icon-"] { padding-left: 62px; }*/ .pickuser-c-red500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-red500 [mode-plashka] .xpdComposeLabel, .pickuser-c-red500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--red500),.8); } .pickuser-c-red500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-red500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-red500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--red500)); } .pickuser-v-rounding.pickuser-c-red500 .xpdComposeLabelDel:before { color: rgba(var(--red500),.7); } .pickuser-c-pink500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-pink500 [mode-plashka] .xpdComposeLabel, .pickuser-c-pink500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--pink500),.8); } .pickuser-c-pink500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-pink500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-pink500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--pink500)); } .pickuser-v-rounding.pickuser-c-pink500 .xpdComposeLabelDel:before { color: rgba(var(--pink500),.7); } .pickuser-c-purple500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-purple500 [mode-plashka] .xpdComposeLabel, .pickuser-c-purple500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--purple500),.8); } .pickuser-c-purple500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-purple500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-purple500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--purple500)); } .pickuser-v-rounding.pickuser-c-purple500 .xpdComposeLabelDel:before { color: rgba(var(--purple500),.7); } .pickuser-c-deep-purple500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-deep-purple500 [mode-plashka] .xpdComposeLabel, .pickuser-c-deep-purple500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--deep-purple500),.8); } .pickuser-c-deep-purple500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-deep-purple500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-deep-purple500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--deep-purple500)); } .pickuser-v-rounding.pickuser-c-deep-purple500 .xpdComposeLabelDel:before { color: rgba(var(--deep-purple500),.7); } .pickuser-c-indigo500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-indigo500 [mode-plashka] .xpdComposeLabel, .pickuser-c-indigo500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--indigo500),.8); } .pickuser-c-indigo500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-indigo500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-indigo500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--indigo500)); } .pickuser-v-rounding.pickuser-c-indigo500 .xpdComposeLabelDel:before { color: rgba(var(--indigo500),.7); } .pickuser-c-blue500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue500 [mode-plashka] .xpdComposeLabel, .pickuser-c-blue500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--blue500),.8); } .pickuser-c-blue500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-blue500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--blue500)); } .pickuser-v-rounding.pickuser-c-blue500 .xpdComposeLabelDel:before { color: rgba(var(--blue500),.7); } .pickuser-c-light-blue500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-light-blue500 [mode-plashka] .xpdComposeLabel, .pickuser-c-light-blue500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--light-blue500),.8); } .pickuser-c-light-blue500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-light-blue500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-light-blue500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--light-blue500)); } .pickuser-v-rounding.pickuser-c-light-blue500 .xpdComposeLabelDel:before { color: rgba(var(--light-blue500),.7); } .pickuser-c-cyan500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-cyan500 [mode-plashka] .xpdComposeLabel, .pickuser-c-cyan500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--cyan500),.8); } .pickuser-c-cyan500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-cyan500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-cyan500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--cyan500)); } .pickuser-v-rounding.pickuser-c-cyan500 .xpdComposeLabelDel:before { color: rgba(var(--cyan500),.7); } .pickuser-c-teal500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-teal500 [mode-plashka] .xpdComposeLabel, .pickuser-c-teal500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--teal500),.8); } .pickuser-c-teal500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-teal500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-teal500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--teal500)); } .pickuser-v-rounding.pickuser-c-teal500 .xpdComposeLabelDel:before { color: rgba(var(--teal500),.7); } .pickuser-c-green500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-green500 [mode-plashka] .xpdComposeLabel, .pickuser-c-green500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--green500),.8); } .pickuser-c-green500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-green500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-green500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--green500)); } .pickuser-v-rounding.pickuser-c-green500 .xpdComposeLabelDel:before { color: rgba(var(--green500),.7); } .pickuser-c-light-green500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-light-green500 [mode-plashka] .xpdComposeLabel, .pickuser-c-light-green500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--light-green500),.8); } .pickuser-c-light-green500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-light-green500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-light-green500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--light-green500)); } .pickuser-v-rounding.pickuser-c-light-green500 .xpdComposeLabelDel:before { color: rgba(var(--light-green500),.7); } .pickuser-c-lime600 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-lime600 [mode-plashka] .xpdComposeLabel, .pickuser-c-lime600 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--lime600),.8); } .pickuser-c-lime600:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-lime600:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-lime600:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--lime600)); } .pickuser-v-rounding.pickuser-c-lime600 .xpdComposeLabelDel:before { color: rgba(var(--lime600),.7); } .pickuser-c-yellow600 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-yellow600 [mode-plashka] .xpdComposeLabel, .pickuser-c-yellow600 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--yellow600),.8); } .pickuser-c-yellow600:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-yellow600:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-yellow600:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--yellow600)); } .pickuser-v-rounding.pickuser-c-yellow600 .xpdComposeLabelDel:before { color: rgba(var(--yellow600),.7); } .pickuser-c-amber500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-amber500 [mode-plashka] .xpdComposeLabel, .pickuser-c-amber500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--amber500),.8); } .pickuser-c-amber500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-amber500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-amber500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--amber500)); } .pickuser-v-rounding.pickuser-c-amber500 .xpdComposeLabelDel:before { color: rgba(var(--amber500),.7); } .pickuser-c-orange500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-orange500 [mode-plashka] .xpdComposeLabel, .pickuser-c-orange500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--orange500),.8); } .pickuser-c-orange500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-orange500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-orange500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--orange500)); } .pickuser-v-rounding.pickuser-c-orange500 .xpdComposeLabelDel:before { color: rgba(var(--orange500),.7); } .pickuser-c-deep-orange500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-deep-orange500 [mode-plashka] .xpdComposeLabel, .pickuser-c-deep-orange500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--deep-orange500),.8); } .pickuser-c-deep-orange500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-deep-orange500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-deep-orange500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--deep-orange500)); } .pickuser-v-rounding.pickuser-c-deep-orange500 .xpdComposeLabelDel:before { color: rgba(var(--deep-orange500),.7); } .pickuser-c-brown500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-brown500 [mode-plashka] .xpdComposeLabel, .pickuser-c-brown500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--brown500),.8); } .pickuser-c-brown500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-brown500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-brown500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--brown500)); } .pickuser-v-rounding.pickuser-c-brown500 .xpdComposeLabelDel:before { color: rgba(var(--brown500),.7); } .pickuser-c-gray600 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-gray600 [mode-plashka] .xpdComposeLabel, .pickuser-c-gray600 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--gray600),.8); } .pickuser-c-gray600:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-gray600:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-gray600:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--gray600)); } .pickuser-v-rounding.pickuser-c-gray600 .xpdComposeLabelDel:before { color: rgba(var(--gray600),.7); } .pickuser-c-blue-gray500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue-gray500 [mode-plashka] .xpdComposeLabel, .pickuser-c-blue-gray500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--blue-gray500),.8); } .pickuser-c-blue-gray500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue-gray500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-blue-gray500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--blue-gray500)); } .pickuser-v-rounding.pickuser-c-blue-gray500 .xpdComposeLabelDel:before { color: rgba(var(--blue-gray500),.7); } .pickuser-c-pale-purple500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-pale-purple500 [mode-plashka] .xpdComposeLabel, .pickuser-c-pale-purple500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--pale-purple500),.8); } .pickuser-c-pale-purple500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-pale-purple500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-pale-purple500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--pale-purple500)); } .pickuser-v-rounding.pickuser-c-pale-purple500 .xpdComposeLabelDel:before { color: rgba(var(--pale-purple500),.7); } .pickuser-c-blue-sys500 [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue-sys500 [mode-plashka] .xpdComposeLabel, .pickuser-c-blue-sys500 .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgba(var(--blue-sys500),.8); } .pickuser-c-blue-sys500:hover [mode-plashka] .xpdComposeLabelRead, .pickuser-c-blue-sys500:hover [mode-plashka] .xpdComposeLabel, .pickuser-c-blue-sys500:hover .xpdComposeLabelsContainer .xpdComposeLabel { background-color: rgb(var(--blue-sys500)); } .pickuser-v-rounding.pickuser-c-blue-sys500 .xpdComposeLabelDel:before { color: rgba(var(--blue-sys500),.7); } .pickuser-v-rounding .xpdComposeLabel, .pickuser-v-rounding .xpdComposeLabelRead { border-radius: 50px; padding: 0 3px; top: 1px; } .pickuser-v-rounding .xpdComposeLabelDel { right: 2px; } .pickuser-v-rounding .xpdComposeLabelTitle { padding-top: 1px; } .pickuser-v-rounding .xpdComposeLabelDel:before { opacity: 1; background-color: rgb(255,255,255); color: rgba(66, 139, 202,.7); } .rotator-h-50px v-container { height: calc(100% - 50px); } .rotator-h-50px[menu-top] v-container { position: relative; top: 50px; } .rotator-v-flex.rotator-h-50px v-menu>v-item { height: 50px; } .rotator-h-60px v-container { height: calc(100% - 60px); } .rotator-v-flex.rotator-h-60px v-menu>v-item { height: 60px; } .rotator-h-60px[menu-top] v-container { position: relative; top: 60px; } .rotator-h-70px v-container { height: calc(100% - 70px); } .rotator-v-flex.rotator-h-70px v-menu>v-item { height: 70px; } .rotator-h-80px[menu-top] v-container { position: relative; top: 80px; } .rotator-h-80px v-container { height: calc(100% - 80px); } .rotator-v-flex.rotator-h-80px v-menu>v-item { height: 80px; } .rotator-h-90px v-container { height: calc(100% - 90px); } .rotator-v-flex.rotator-h-90px v-menu>v-item { height: 90px; } .rotator-h-90px[menu-top] v-container { position: relative; top: 90px; } .rotator-v-flex {} .rotator-v-rect v-menu>v-item { border-radius: 3px; } .rotator-v-rect v-menu>v-item:after { border-radius: 1px; } .rotator-v-flex[menu-left] v-menu, .rotator-v-flex[menu-right] v-menu { display: flex; align-items: stretch; align-content: stretch; flex-direction: column; height: 100%; width: auto; } .rotator-v-flex[menu-left] v-menu { left: 0; height: calc(100% - 1px); } .rotator-v-flex[menu-right] v-menu { right: 0; height: calc(100% - 1px); } .rotator-v-flex[menu-left] v-menu>v-item, .rotator-v-flex[menu-right] v-menu>v-item { height: 100%; width: 150px; border-radius: 0; } .rotator-v-flex[menu-left] v-menu>v-item:after, .rotator-v-flex[menu-right] v-menu>v-item:after { display: none; } .rotator-v-flex[menu-left] v-menu>v-item[current], .rotator-v-flex[menu-right] v-menu>v-item[current] { background-color: rgb(var(--gray600)); margin-bottom: -1px; } .rotator-v-flex[menu-left] v-menu>v-item, .rotator-v-flex[menu-right] v-menu>v-item { margin: 0 0 -1px 0; } .rotator-v-flex[menu-top] v-menu, .rotator-v-flex[menu-bottom] v-menu { display: table; } .rotator-v-flex[menu-top] v-menu>v-item, .rotator-v-flex[menu-bottom] v-menu>v-item { display: table-cell; border-radius: 0; } .rotator-v-flex[menu-top] v-menu { top: 0; } .rotator-v-flex[menu-bottom] v-menu { bottom: 0; } .rotator-v-flex[menu-left] v-menu, .rotator-v-flex[menu-right] v-menu { margin-top: 0; } .rotator-w-50px v-container { max-width: calc(100% - 50px); } .rotator-w-100px v-container { max-width: calc(100% - 100px); } .rotator-w-150px v-container { max-width: calc(100% - 150px); } .rotator-w-200px v-container { max-width: calc(100% - 200px); } .rotator-w-250px v-container { max-width: calc(100% - 250px); } .rotator-w-50px[menu-left] v-container, .rotator-w-100px[menu-left] v-container, .rotator-w-150px[menu-left] v-container, .rotator-w-200px[menu-left] v-container, .rotator-w-250px[menu-left] v-container { float: right; } .rotator-v-flex[menu-left].rotator-w-50px v-menu>v-item, .rotator-v-flex[menu-right].rotator-w-50px v-menu>v-item { width: 50px; } .rotator-v-flex[menu-left].rotator-w-100px v-menu>v-item, .rotator-v-flex[menu-right].rotator-w-100px v-menu>v-item { width: 100px; } .rotator-v-flex[menu-left].rotator-w-200px v-menu>v-item, .rotator-v-flex[menu-right].rotator-w-200px v-menu>v-item { width: 200px; } .rotator-v-flex[menu-left].rotator-w-250px v-menu>v-item, .rotator-v-flex[menu-right].rotator-w-250px v-menu>v-item { width: 250px; } .rotator-с-red500 v-menu>v-item { border: 1px solid rgb(var(--red500)); } .rotator-с-red500 v-menu v-item[caption][current] { background-color: rgb(var(--red500)); color: #FFF; } .rotator-с-red500 v-menu v-item.current:after, .rotator-с-red500 v-menu v-item[current]:after { background: rgb(var(--red500)); } .rotator-с-pink500 v-menu>v-item { border: 1px solid rgb(var(--pink500)); } .rotator-с-pink500 v-menu v-item[caption][current] { background-color: rgb(var(--pink500)); color: #FFF; } .rotator-с-pink500 v-menu v-item.current:after, .rotator-с-pink500 v-menu v-item[current]:after { background: rgb(var(--pink500)); } .rotator-с-purple500 v-menu>v-item { border: 1px solid rgb(var(--purple500)); } .rotator-с-purple500 v-menu v-item[caption][current] { background-color: rgb(var(--purple500)); color: #FFF; } .rotator-с-purple500 v-menu v-item.current:after, .rotator-с-purple500 v-menu v-item[current]:after { background: rgb(var(--purple500)); } .rotator-с-deep-purple500 v-menu>v-item { border: 1px solid rgb(var(--deep-purple500)); } .rotator-с-deep-purple500 v-menu v-item[caption][current] { background-color: rgb(var(--deep-purple500)); color: #FFF; } .rotator-с-deep-purple500 v-menu v-item.current:after, .rotator-с-deep-purple500 v-menu v-item[current]:after { background: rgb(var(--deep-purple500)); } .rotator-с-indigo500 v-menu>v-item { border: 1px solid rgb(var(--indigo500)); } .rotator-с-indigo500 v-menu v-item[caption][current] { background-color: rgb(var(--indigo500)); color: #FFF; } .rotator-с-indigo500 v-menu v-item.current:after, .rotator-с-indigo500 v-menu v-item[current]:after { background: rgb(var(--indigo500)); } .rotator-с-blue500 v-menu>v-item { border: 1px solid rgb(var(--blue500)); } .rotator-с-blue500 v-menu v-item[caption][current] { background-color: rgb(var(--blue500)); color: #FFF; } .rotator-с-blue500 v-menu v-item.current:after, .rotator-с-blue500 v-menu v-item[current]:after { background: rgb(var(--blue500)); } .rotator-с-light-blue500 v-menu>v-item { border: 1px solid rgb(var(--light-blue500)); } .rotator-с-light-blue500 v-menu v-item[caption][current] { background-color: rgb(var(--light-blue500)); color: #FFF; } .rotator-с-light-blue500 v-menu v-item.current:after, .rotator-с-light-blue500 v-menu v-item[current]:after { background: rgb(var(--light-blue500)); } .rotator-с-cyan500 v-menu>v-item { border: 1px solid rgb(var(--cyan500)); } .rotator-с-cyan500 v-menu v-item[caption][current] { background-color: rgb(var(--cyan500)); color: #FFF; } .rotator-с-cyan500 v-menu v-item.current:after, .rotator-с-cyan500 v-menu v-item[current]:after { background: rgb(var(--cyan500)); } .rotator-с-teal500 v-menu>v-item { border: 1px solid rgb(var(--teal500)); } .rotator-с-teal500 v-menu v-item[caption][current] { background-color: rgb(var(--teal500)); color: #FFF; } .rotator-с-teal500 v-menu v-item.current:after, .rotator-с-teal500 v-menu v-item[current]:after { background: rgb(var(--teal500)); } .rotator-с-green500 v-menu>v-item { border: 1px solid rgb(var(--green500)); } .rotator-с-green500 v-menu v-item[caption][current] { background-color: rgb(var(--green500)); color: #FFF; } .rotator-с-green500 v-menu v-item.current:after, .rotator-с-green500 v-menu v-item[current]:after { background: rgb(var(--green500)); } .rotator-с-light-green500 v-menu>v-item { border: 1px solid rgb(var(--light-green500)); } .rotator-с-light-green500 v-menu v-item[caption][current] { background-color: rgb(var(--light-green500)); color: #FFF; } .rotator-с-light-green500 v-menu v-item.current:after, .rotator-с-light-green500 v-menu v-item[current]:after { background: rgb(var(--light-green500)); } .rotator-с-lime600 v-menu>v-item { border: 1px solid rgb(var(--lime600)); } .rotator-с-lime600 v-menu v-item[caption][current] { background-color: rgb(var(--lime600)); color: #FFF; } .rotator-с-lime600 v-menu v-item.current:after, .rotator-с-lime600 v-menu v-item[current]:after { background: rgb(var(--lime600)); } .rotator-с-yellow600 v-menu>v-item { border: 1px solid rgb(var(--yellow600)); } .rotator-с-yellow600 v-menu v-item[caption][current] { background-color: rgb(var(--yellow600)); color: #FFF; } .rotator-с-yellow600 v-menu v-item.current:after, .rotator-с-yellow600 v-menu v-item[current]:after { background: rgb(var(--yellow600)); } .rotator-с-amber500 v-menu>v-item { border: 1px solid rgb(var(--amber500)); } .rotator-с-amber500 v-menu v-item[caption][current] { background-color: rgb(var(--amber500)); color: #FFF; } .rotator-с-amber500 v-menu v-item.current:after, .rotator-с-amber500 v-menu v-item[current]:after { background: rgb(var(--amber500)); } .rotator-с-orange500 v-menu>v-item { border: 1px solid rgb(var(--orange500)); } .rotator-с-orange500 v-menu v-item[caption][current] { background-color: rgb(var(--orange500)); color: #FFF; } .rotator-с-orange500 v-menu v-item.current:after, .rotator-с-orange500 v-menu v-item[current]:after { background: rgb(var(--orange500)); } .rotator-с-deep-orange500 v-menu>v-item { border: 1px solid rgb(var(--deep-orange500)); } .rotator-с-deep-orange500 v-menu v-item[caption][current] { background-color: rgb(var(--deep-orange500)); color: #FFF; } .rotator-с-deep-orange500 v-menu v-item.current:after, .rotator-с-deep-orange500 v-menu v-item[current]:after { background: rgb(var(--deep-orange500)); } .rotator-с-brown500 v-menu>v-item { border: 1px solid rgb(var(--brown500)); } .rotator-с-brown500 v-menu v-item[caption][current] { background-color: rgb(var(--brown500)); color: #FFF; } .rotator-с-brown500 v-menu v-item.current:after, .rotator-с-brown500 v-menu v-item[current]:after { background: rgb(var(--brown500)); } .rotator-с-gray600 v-menu>v-item { border: 1px solid rgb(var(--gray600)); } .rotator-с-gray600 v-menu v-item[caption][current] { background-color: rgb(var(--gray600)); color: #FFF; } .rotator-с-gray600 v-menu v-item.current:after, .rotator-с-gray600 v-menu v-item[current]:after { background: rgb(var(--gray600)); } .rotator-с-blue-gray500 v-menu>v-item { border: 1px solid rgb(var(--blue-gray500)); } .rotator-с-blue-gray500 v-menu v-item[caption][current] { background-color: rgb(var(--blue-gray500)); color: #FFF; } .rotator-с-blue-gray500 v-menu v-item.current:after, .rotator-с-blue-gray500 v-menu v-item[current]:after { background: rgb(var(--blue-gray500)); } .rotator-с-pale-purple500 v-menu>v-item { border: 1px solid rgb(var(--pale-purple500)); } .rotator-с-pale-purple500 v-menu v-item[caption][current] { background-color: rgb(var(--pale-purple500)); color: #FFF; } .rotator-с-pale-purple500 v-menu v-item.current:after, .rotator-с-pale-purple500 v-menu v-item[current]:after { background: rgb(var(--pale-purple500)); } .rotator-с-blue-sys500 v-menu>v-item { border: 1px solid rgb(var(--blue-sys500)); } .rotator-с-blue-sys500 v-menu v-item[caption][current] { background-color: rgb(var(--blue-sys500)); color: #FFF; } .rotator-с-blue-sys500 v-menu v-item.current:after, .rotator-с-blue-sys500 v-menu v-item[current]:after { background: rgb(var(--blue-sys500)); } .section-bg-white>.itsSectionBody { background: white; } .section-bg-gray50>.itsSectionBody { background: rgb(var(--gray50)); } .section-bg-gray100>.itsSectionBody { background: rgb(var(--gray100)); } .section-bg-gray200>.itsSectionBody { background: rgb(var(--gray200)); } .section-bg-gray300>.itsSectionBody { background: rgb(var(--gray300)); } .section-bg-red50>.itsSectionBody { background: rgb(var(--red50)); } .section-bg-pink50>.itsSectionBody { background: rgb(var(--pink50)); } .section-bg-purple50>.itsSectionBody { background: rgb(var(--purple50)); } .section-bg-deep-purple50>.itsSectionBody { background: rgb(var(--deep-purple50)); } .section-bg-indigo50>.itsSectionBody { background: rgb(var(--indigo50)); } .section-bg-blue50>.itsSectionBody { background: rgb(var(--blue50)); } .section-bg-light-blue50>.itsSectionBody { background: rgb(var(--light-blue50)); } .section-bg-cyan50>.itsSectionBody { background: rgb(var(--cyan50)); } .section-bg-teal50>.itsSectionBody { background: rgb(var(--teal50)); } .section-bg-green50>.itsSectionBody { background: rgb(var(--green50)); } .section-bg-light-green50>.itsSectionBody { background: rgb(var(--light-green50)); } .section-bg-lime50>.itsSectionBody { background: rgb(var(--lime50)); } .section-bg-yellow50>.itsSectionBody { background: rgb(var(--yellow50)); } .section-bg-amber50>.itsSectionBody { background: rgb(var(--amber50)); } .section-bg-orange50>.itsSectionBody { background: rgb(var(--orange50)); } .section-bg-deep-orange50>.itsSectionBody { background: rgb(var(--deep-orange50)); } .section-bg-brown50>.itsSectionBody { background: rgb(var(--brown50)); } .section-bg-blue-gray50>.itsSectionBody { background: rgb(var(--blue-gray50)); } .section-bg-pale-purple50>.itsSectionBody { background: rgb(var(--pale-purple50)); } .section-bg-blue-sys50>.itsSectionBody { background: rgb(var(--blue-sys50)); } .section-c-red500>.itsSectionHeader { background-color: rgb(var(--red500)); border-color: rgb(var(--red500)); } .section-c-pink500>.itsSectionHeader { background-color: rgb(var(--pink500)); border-color: rgb(var(--pink500)); } .section-c-purple500>.itsSectionHeader { background-color: rgb(var(--purple500)); border-color: rgb(var(--purple500)); } .section-c-deep-purple500>.itsSectionHeader { background-color: rgb(var(--deep-purple500)); border-color: rgb(var(--deep-purple500)); } .section-c-indigo500>.itsSectionHeader { background-color: rgb(var(--indigo500)); border-color: rgb(var(--indigo500)); } .section-c-blue500>.itsSectionHeader { background-color: rgb(var(--blue500)); border-color: rgb(var(--blue500)); } .section-c-light-blue500>.itsSectionHeader { background-color: rgb(var(--light-blue500)); border-color: rgb(var(--light-blue500)); } .section-c-cyan500>.itsSectionHeader { background-color: rgb(var(--cyan500)); border-color: rgb(var(--cyan500)); } .section-c-teal500>.itsSectionHeader { background-color: rgb(var(--teal500)); border-color: rgb(var(--teal500)); } .section-c-green500>.itsSectionHeader { background-color: rgb(var(--green500)); border-color: rgb(var(--green500)); } .section-c-light-green500>.itsSectionHeader { background-color: rgb(var(--light-green500)); border-color: rgb(var(--light-green500)); } .section-c-lime600>.itsSectionHeader { background-color: rgb(var(--lime600)); border-color: rgb(var(--lime600)); } .section-c-yellow600>.itsSectionHeader { background-color: rgb(var(--yellow600)); border-color: rgb(var(--yellow600)); } .section-c-amber500>.itsSectionHeader { background-color: rgb(var(--amber500)); border-color: rgb(var(--amber500)); } .section-c-orange500>.itsSectionHeader { background-color: rgb(var(--orange500)); border-color: rgb(var(--orange500)); } .section-c-deep-orange500>.itsSectionHeader { background-color: rgb(var(--deep-orange500)); border-color: rgb(var(--deep-orange500)); } .section-c-brown500>.itsSectionHeader { background-color: rgb(var(--brown500)); border-color: rgb(var(--brown500)); } .section-c-gray600>.itsSectionHeader { background-color: rgb(var(--gray600)); border-color: rgb(var(--gray600)); } .section-c-blue-gray500>.itsSectionHeader { background-color: rgb(var(--blue-gray500)); border-color: rgb(var(--blue-gray500)); } .section-c-pale-purple500>.itsSectionHeader { background-color: rgb(var(--pale-purple500)); border-color: rgb(var(--pale-purple500)); } .section-c-blue-sys500>.itsSectionHeader { background-color: rgb(var(--blue-sys500)); border-color: rgb(var(--blue-sys500)); } /*--------------------------------------*/ .section-c-red500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--red500)); } .section-c-red500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--red500)); } .section-c-red500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--red500)); } .section-c-pink500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--pink500)); } .section-c-pink500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--pink500)); } .section-c-pink500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--pink500)); } .section-c-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--purple500)); } .section-c-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--purple500)); } .section-c-purple500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--purple500)); } .section-c-deep-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--deep-purple500)); } .section-c-deep-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--deep-purple500)); } .section-c-deep-purple500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--deep-purple500)); } .section-c-indigo500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--indigo500)); } .section-c-indigo500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--indigo500)); } .section-c-indigo500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--indigo500)); } .section-c-blue500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--blue500)); } .section-c-blue500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--blue500)); } .section-c-blue500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--blue500)); } .section-c-light-blue500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--light-blue500)); } .section-c-light-blue500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--light-blue500)); } .section-c-light-blue500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--light-blue500)); } .section-c-cyan500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--cyan500)); } .section-c-cyan500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--cyan500)); } .section-c-cyan500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--cyan500)); } .section-c-teal500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--teal500)); } .section-c-teal500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--teal500)); } .section-c-teal500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--teal500)); } .section-c-green500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--green500)); } .section-c-green500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--green500)); } .section-c-green500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--green500)); } .section-c-light-green500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--light-green500)); } .section-c-light-green500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--light-green500)); } .section-c-light-green500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--light-green500)); } .section-c-lime600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--lime600)); } .section-c-lime600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--lime600)); } .section-c-lime600.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--lime600)); } .section-c-yellow600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--yellow600)); } .section-c-yellow600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--yellow600)); } .section-c-yellow600.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--yellow600)); } .section-c-amber500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--amber500)); } .section-c-amber500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--amber500)); } .section-c-amber500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--amber500)); } .section-c-orange500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--orange500)); } .section-c-orange500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--orange500)); } .section-c-orange500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--orange500)); } .section-c-deep-orange500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--deep-orange500)); } .section-c-deep-orange500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--deep-orange500)); } .section-c-deep-orange500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--deep-orange500)); } .section-c-brown500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--brown500)); } .section-c-brown500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--brown500)); } .section-c-brown500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--brown500)); } .section-c-gray600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--gray600)); } .section-c-gray600.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--gray600)); } .section-c-gray600.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--gray600)); } .section-c-blue-gray500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--blue-gray500)); } .section-c-blue-gray500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--blue-gray500)); } .section-c-blue-gray500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--blue-gray500)); } .section-c-pale-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--pale-purple500)); } .section-c-pale-purple500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--pale-purple500)); } .section-c-pale-purple500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--pale-purple500)); } .section-c-blue-sys500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { border-top-color: rgb(var(--blue-sys500)); } .section-c-blue-sys500.section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { border-left-color: rgb(var(--blue-sys500)); } .section-c-blue-sys500.section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(var(--blue-sys500)); } /*--------------------------------------*/ .section-c-red500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--red500)); } .section-v-minimal.section-c-red500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--red500)); } .section-c-pink500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--pink500)); } .section-v-minimal.section-c-pink500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--pink500)); } .section-c-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--purple500)); } .section-v-minimal.section-c-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--purple500)); } .section-c-deep-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--deep-purple500)); } .section-v-minimal.section-c-deep-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--deep-purple500)); } .section-c-indigo500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--indigo500)); } .section-v-minimal.section-c-indigo500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--indigo500)); } .section-c-blue500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue500)); } .section-v-minimal.section-c-blue500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue500)); } .section-c-light-blue500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--light-blue500)); } .section-v-minimal.section-c-light-blue500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--light-blue500)); } .section-c-cyan500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--cyan500)); } .section-v-minimal.section-c-cyan500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--cyan500)); } .section-c-teal500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--teal500)); } .section-v-minimal.section-c-teal500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--teal500)); } .section-c-green500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--green500)); } .section-v-minimal.section-c-green500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--green500)); } .section-c-light-green500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--light-green500)); } .section-v-minimal.section-c-light-green500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--light-green500)); } .section-c-lime600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--lime600)); } .section-v-minimal.section-c-lime600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--lime600)); } .section-c-yellow600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--yellow600)); } .section-v-minimal.section-c-yellow600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--yellow600)); } .section-c-amber500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--amber500)); } .section-v-minimal.section-c-amber500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--amber500)); } .section-c-orange500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--orange500)); } .section-v-minimal.section-c-orange500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--orange500)); } .section-c-deep-orange500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--deep-orange500)); } .section-v-minimal.section-c-deep-orange500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--deep-orange500)); } .section-c-brown500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--brown500)); } .section-v-minimal.section-c-brown500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--brown500)); } .section-c-gray600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--gray600)); } .section-v-minimal.section-c-gray600.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--gray600)); } .section-c-blue-gray500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue-gray500)); } .section-v-minimal.section-c-blue-gray500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue-gray500)); } .section-c-pale-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--pale-purple500)); } .section-v-minimal.section-c-pale-purple500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--pale-purple500)); } .section-c-blue-sys500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue-sys500)); } .section-v-minimal.section-c-blue-sys500.itsSectionBorder>.itsSectionBody { border-color: rgb(var(--blue-sys500)); } .section-pb-0px>.itsSectionBody, .itsSectionBorder.section-pb-0px>.itsSectionBody { padding-bottom: 0px; } .section-pb-5px>.itsSectionBody, .itsSectionBorder.section-pb-5px>.itsSectionBody { padding-bottom: 5px; } .section-pb-10px>.itsSectionBody, .itsSectionBorder.section-pb-10px>.itsSectionBody { padding-bottom: 10px; } .section-pb-20px>.itsSectionBody, .itsSectionBorder.section-pb-20px>.itsSectionBody { padding-bottom: 20px; } .section-pb-25px>.itsSectionBody, .itsSectionBorder.section-pb-25px>.itsSectionBody { padding-bottom: 25px; } .section-pl-0px>.itsSectionBody, .itsSectionBorder.section-pl-0px>.itsSectionBody { padding-left: 0px; } .section-pl-5px>.itsSectionBody, .itsSectionBorder.section-pl-5px>.itsSectionBody { padding-left: 5px; } .section-pl-10px>.itsSectionBody, .itsSectionBorder.section-pl-10px>.itsSectionBody { padding-left: 10px; } .section-pl-20px>.itsSectionBody, .itsSectionBorder.section-pl-20px>.itsSectionBody { padding-left: 20px; } .section-pl-25px>.itsSectionBody, .itsSectionBorder.section-pl-25px>.itsSectionBody { padding-left: 25px; } /*.section-pl-0px>.itsSectionHeader, .itsSectionBorder.section-pl-0px>.itsSectionHeader { padding-left: 0px; }*/ .section-pl-5px>.itsSectionHeader, .itsSectionBorder.section-pl-5px>.itsSectionHeader { padding-left: 5px; } .section-pl-10px>.itsSectionHeader, .itsSectionBorder.section-pl-10px>.itsSectionHeader { padding-left: 10px; } .section-pl-20px>.itsSectionHeader, .itsSectionBorder.section-pl-20px>.itsSectionHeader { padding-left: 20px; } .section-pl-25px>.itsSectionHeader, .itsSectionBorder.section-pl-25px>.itsSectionHeader { padding-left: 25px; } .section-pr-0px>.itsSectionBody, .itsSectionBorder.section-pr-0px>.itsSectionBody { padding-right: 0px; } .section-pr-5px>.itsSectionBody, .itsSectionBorder.section-pr-5px>.itsSectionBody { padding-right: 5px; } .section-pr-10px>.itsSectionBody, .itsSectionBorder.section-pr-10px>.itsSectionBody { padding-right: 10px; } .section-pr-20px>.itsSectionBody, .itsSectionBorder.section-pr-20px>.itsSectionBody { padding-right: 20px; } .section-pr-25px>.itsSectionBody, .itsSectionBorder.section-pr-25px>.itsSectionBody { padding-right: 25px; } /*.section-pr-0px>.itsSectionHeader, .itsSectionBorder.section-pr-0px>.itsSectionHeader { padding-right: 0px; }*/ .section-pr-5px>.itsSectionHeader, .itsSectionBorder.section-pr-5px>.itsSectionHeader { padding-right: 5px; } .section-pr-10px>.itsSectionHeader, .itsSectionBorder.section-pr-10px>.itsSectionHeader { padding-right: 10px; } .section-pr-20px>.itsSectionHeader, .itsSectionBorder.section-pr-20px>.itsSectionHeader { padding-right: 20px; } .section-pr-25px>.itsSectionHeader, .itsSectionBorder.section-pr-25px>.itsSectionHeader { padding-right: 25px; } .section-pt-0px>.itsSectionBody, .itsSectionBorder.section-pt-0px>.itsSectionBody { padding-top: 0px; } .section-pt-5px>.itsSectionBody, .itsSectionBorder.section-pt-5px>.itsSectionBody { padding-top: 5px; } .section-pt-10px>.itsSectionBody, .itsSectionBorder.section-pt-10px>.itsSectionBody { padding-top: 10px; } .section-pt-20px>.itsSectionBody, .itsSectionBorder.section-pt-20px>.itsSectionBody { padding-top: 20px; } .section-pt-25px>.itsSectionBody, .itsSectionBorder.section-pt-25px>.itsSectionBody { padding-top: 25px; } .itsSectionHeader { cursor: pointer; } .section-v-minimal>.itsSectionHeader { background-color: transparent; border: 0; display: block; } .section-v-minimal>.itsSectionHeader>.itsSectionBtn { float: left; /*width: 25px;*/ width: 23px; line-height: 26px; height: 26px; margin: 0; text-align: center; font-size: 11px; } .section-v-minimal.itsSection { min-height: 26px; padding-bottom: 4px; } .section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-up:before { top: 5px; /*right: 1px;*/ right: 3px; content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; position: relative; opacity: .5; border-top-color: rgb(66, 139, 202); margin: 5px 0 0 10px; } .section-v-minimal>.itsSectionHeader>.itsSectionBtn.icon-chevron-down:before { content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; position: relative; opacity: .5; top: 4px; border-left-color: rgb(66, 139, 202); margin: 3px 0 0 13px; } .section-v-minimal>.itsSectionHeader>span:not([class]) { color: rgb(66, 139, 202); } .section-v-minimal>.itsSectionHeader:hover>span:not([class]) { text-decoration: underline; } .section-v-minimal>.itsSectionBody { padding: 0; margin: 0 5px 5px 5px; } .section-v-minimal.itsSectionBorder>.itsSectionBody { border: 0; border-bottom: 1px solid #dbdadf; } .section-v-minimal.itsSection > .itsSectionHeader > span:not([class]) { line-height: 26px; } .section-v-minimal.itsSection >.itsSectionHeader { min-height: 26px; } .section-v-minimal .itsSectionHeader { padding: 0; } [class*="section-c"]>.itsSectionHeader { color: #FFF; } .tab-bg-white>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--white-sys)); } .tab-bg-gray50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--gray50)); } .tab-bg-gray100>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--gray100)); } .tab-bg-gray200>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--gray200)); } .tab-bg-gray300>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--gray300)); } .tab-bg-red50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--red50)); } .tab-bg-pink50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--pink50)); } .tab-bg-purple50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--purple50)); } .tab-bg-deep-purple50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--deep-purple50)); } .tab-bg-indigo50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--indigo50)); } .tab-bg-blue50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--blue50)); } .tab-bg-light-blue50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--light-blue50)); } .tab-bg-cyan50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--cyan50)); } .tab-bg-teal50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--teal50)); } .tab-bg-green50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--green50)); } .tab-bg-light-green50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--light-green50)); } .tab-bg-lime50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--lime50)); } .tab-bg-yellow50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--yellow50)); } .tab-bg-amber50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--amber50)); } .tab-bg-orange50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--orange50)); } .tab-bg-deep-orange50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--deep-orange50)); } .tab-bg-brown50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--brown50)); } .tab-bg-gray50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--gray50)); } .tab-bg-blue-gray50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--blue-gray50)); } .tab-bg-pale-purple50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--pale-purple50)); } .tab-bg-blue-sys50>table>tbody>tr>td>.xpdTabContainerBody { background-color: rgb(var(--blue-sys50)); } /*--------------------------------------*/ .tab-bg-white.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--white-sys)); } .tab-bg-gray50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--gray50)); } .tab-bg-gray100.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--gray100)); } .tab-bg-gray200.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--gray200)); } .tab-bg-gray300.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--gray300)); } .tab-bg-red50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--red50)); } .tab-bg-pink50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--pink50)); } .tab-bg-purple50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--purple50)); } .tab-bg-deep-purple50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--deep-purple50)); } .tab-bg-indigo50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--indigo50)); } .tab-bg-blue50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--blue50)); } .tab-bg-light-blue50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--light-blue50)); } .tab-bg-cyan50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--cyan50)); } .tab-bg-teal50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--teal50)); } .tab-bg-green50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--green50)); } .tab-bg-light-green50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--light-green50)); } .tab-bg-lime50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--lime50)); } .tab-bg-yellow50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--yellow50)); } .tab-bg-amber50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--amber50)); } .tab-bg-orange50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--orange50)); } .tab-bg-deep-orange50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--deep-orange50)); } .tab-bg-brown50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--brown50)); } .tab-bg-gray50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--gray50)); } .tab-bg-blue-gray50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--blue-gray50)); } .tab-bg-pale-purple50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--pale-purple50)); } .tab-bg-blue-sys50.tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background-color: rgb(var(--blue-sys50)); } .tab-c-red500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-red500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--red500)); } .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--red200)); } .tab-c-red500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--red200)); } .tab-c-red500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-red500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-red500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-red500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-red500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-red500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--red50)); } .tab-c-pink500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pink500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--pink500)); } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--pink200)); } .tab-c-pink500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--pink200)); } .tab-c-pink500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-pink500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-pink500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-pink500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-pink500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-pink500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--pink50)); } .tab-c-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--purple500)); } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--purple200)); } .tab-c-purple500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--purple200)); } .tab-c-purple500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-purple500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--purple50)); } .tab-c-deep-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--deep-purple500)); } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--deep-purple200)); } .tab-c-deep-purple500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--deep-purple200)); } .tab-c-deep-purple500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-deep-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-deep-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-deep-purple500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-deep-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-deep-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--deep-purple50)); } .tab-c-indigo500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-indigo500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--indigo500)); } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--indigo200)); } .tab-c-indigo500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--indigo200)); } .tab-c-indigo500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-indigo500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-indigo500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-indigo500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-indigo500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-indigo500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--indigo50)); } .tab-c-blue500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue500)); } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue200)); } .tab-c-blue500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue200)); } .tab-c-blue500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-blue500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-blue500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-blue500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue50)); } .tab-c-light-blue500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-blue500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--light-blue500)); } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--light-blue200)); } .tab-c-light-blue500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--light-blue200)); } .tab-c-light-blue500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-light-blue500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-light-blue500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-light-blue500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-light-blue500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-light-blue500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--light-blue50)); } .tab-c-cyan500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-cyan500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--cyan500)); } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--cyan200)); } .tab-c-cyan500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--cyan200)); } .tab-c-cyan500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-cyan500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-cyan500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-cyan500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-cyan500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-cyan500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--cyan50)); } .tab-c-teal500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-teal500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--teal500)); } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--teal200)); } .tab-c-teal500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--teal200)); } .tab-c-teal500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-teal500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-teal500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-teal500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-teal500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-teal500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--teal50)); } .tab-c-green500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-green500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--green500)); } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--green200)); } .tab-c-green500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--green200)); } .tab-c-green500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-green500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-green500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-green500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-green500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-green500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--green50)); } .tab-c-light-green500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-green500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--light-green500)); } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--light-green200)); } .tab-c-light-green500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--light-green200)); } .tab-c-light-green500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-light-green500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-light-green500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-light-green500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-light-green500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-light-green500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--light-green50)); } .tab-c-lime600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-lime600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--lime600)); } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--lime300)); } .tab-c-lime600:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--lime300)); } .tab-c-lime600>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-lime600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-lime600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-lime600.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-lime600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-lime600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--lime50)); } .tab-c-yellow600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-yellow600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--yellow600)); } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--yellow300)); } .tab-c-yellow600:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--yellow300)); } .tab-c-yellow600>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-yellow600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-yellow600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-yellow600.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-yellow600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-yellow600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--yellow50)); } .tab-c-amber500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-amber500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--amber500)); } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--amber200)); } .tab-c-amber500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--amber200)); } .tab-c-amber500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-amber500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-amber500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-amber500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-amber500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-amber500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--amber50)); } .tab-c-orange500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-orange500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--orange500)); } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--orange200)); } .tab-c-orange500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--orange200)); } .tab-c-orange500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-orange500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-orange500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-orange500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-orange500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-orange500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--orange50)); } .tab-c-deep-orange500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-orange500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--deep-orange500)); } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--deep-orange200)); } .tab-c-deep-orange500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--deep-orange200)); } .tab-c-deep-orange500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-deep-orange500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-deep-orange500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-deep-orange500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-deep-orange500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-deep-orange500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--deep-orange50)); } .tab-c-brown500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-brown500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--brown500)); } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--brown200)); } .tab-c-brown500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--brown200)); } .tab-c-brown500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-brown500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-brown500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-brown500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-brown500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-brown500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--brown50)); } .tab-c-gray600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-gray600:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--gray600)); } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--gray300)); } .tab-c-gray600:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--gray300)); } .tab-c-gray600>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-gray600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-gray600.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-gray600.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-gray600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-gray600.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--gray50)); } .tab-c-blue-gray500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-gray500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue-gray500)); } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue-gray200)); } .tab-c-blue-gray500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue-gray200)); } .tab-c-blue-gray500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-blue-gray500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue-gray500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-blue-gray500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-blue-gray500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue-gray500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue-gray50)); } .tab-c-pale-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pale-purple500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--pale-purple500)); } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--pale-purple200)); } .tab-c-pale-purple500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--pale-purple200)); } .tab-c-pale-purple500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-pale-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-pale-purple500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-pale-purple500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-pale-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-pale-purple500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--pale-purple50)); } .tab-c-blue-sys500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-sys500:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue-sys500)); } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton:hover { border-color: rgb(var(--blue-sys200)); } .tab-c-blue-sys500:not(.tab-v-flat):not(.tab-v-flat-flex):not(.tab-v-ort-bootstrap):not(.tab-v-radius)>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue-sys200)); } .tab-c-blue-sys500>table>tbody>tr>td>.xpdTabContainerBody, .tab-c-blue-sys500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue-sys500.tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton.currentTab:hover, .tab-c-blue-sys500.tab-v-ort-bootstrap:not(.tab-v-flat):not(.tab-v-flat-flex)>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-c-blue-sys500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton, .tab-c-blue-sys500.tab-v-radius>table>tbody>tr>td>div>div>.tabButton:hover { border-color: rgb(var(--blue-sys50)); } /*--------------------------------------*/ .tab-c-red500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-red500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--red500)); } .tab-c-red500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--red200)); } .tab-c-red500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--red500)); } .tab-c-red500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--red200)); } .tab-c-pink500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pink500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--pink500)); } .tab-c-pink500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--pink200)); } .tab-c-pink500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--pink500)); } .tab-c-pink500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--pink200)); } .tab-c-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-purple500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--purple500)); } .tab-c-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--purple200)); } .tab-c-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--purple500)); } .tab-c-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--purple200)); } .tab-c-deep-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-purple500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--deep-purple500)); } .tab-c-deep-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--deep-purple200)); } .tab-c-deep-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--deep-purple500)); } .tab-c-deep-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--deep-purple200)); } .tab-c-indigo500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-indigo500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--indigo500)); } .tab-c-indigo500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--indigo200)); } .tab-c-indigo500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--indigo500)); } .tab-c-indigo500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--indigo200)); } .tab-c-blue500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--blue500)); } .tab-c-blue500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--blue200)); } .tab-c-blue500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--blue500)); } .tab-c-blue500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--blue200)); } .tab-c-light-blue500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-blue500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--light-blue500)); } .tab-c-light-blue500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--light-blue200)); } .tab-c-light-blue500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--light-blue500)); } .tab-c-light-blue500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--light-blue200)); } .tab-c-cyan500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-cyan500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--cyan500)); } .tab-c-cyan500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--cyan200)); } .tab-c-cyan500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--cyan500)); } .tab-c-cyan500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--cyan200)); } .tab-c-teal500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-teal500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--teal500)); } .tab-c-teal500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--teal200)); } .tab-c-teal500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--teal500)); } .tab-c-teal500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--teal200)); } .tab-c-green500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-green500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--green500)); } .tab-c-green500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--green200)); } .tab-c-green500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--green500)); } .tab-c-green500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--green200)); } .tab-c-light-green500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-light-green500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--light-green500)); } .tab-c-light-green500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--light-green200)); } .tab-c-light-green500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--light-green500)); } .tab-c-light-green500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--light-green200)); } .tab-c-lime600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-lime600[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--lime600)); } .tab-c-lime600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--lime300)); } .tab-c-lime600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--lime600)); } .tab-c-lime600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--lime300)); } .tab-c-yellow600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-yellow600[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--yellow600)); } .tab-c-yellow600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--yellow300)); } .tab-c-yellow600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--yellow600)); } .tab-c-yellow600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--yellow300)); } .tab-c-amber500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-amber500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--amber500)); } .tab-c-amber500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--amber200)); } .tab-c-amber500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--amber500)); } .tab-c-amber500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--amber200)); } .tab-c-orange500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-orange500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--orange500)); } .tab-c-orange500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--orange200)); } .tab-c-orange500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--orange500)); } .tab-c-orange500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--orange200)); } .tab-c-deep-orange500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-deep-orange500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--deep-orange500)); } .tab-c-deep-orange500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--deep-orange200)); } .tab-c-deep-orange500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--deep-orange500)); } .tab-c-deep-orange500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--deep-orange200)); } .tab-c-brown500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-brown500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--brown500)); } .tab-c-brown500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--brown200)); } .tab-c-brown500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--brown500)); } .tab-c-brown500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--brown200)); } .tab-c-gray600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-gray600[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--gray600)); } .tab-c-gray600[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--gray300)); } .tab-c-gray600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--gray600)); } .tab-c-gray600[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--gray300)); } .tab-c-blue-gray500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-gray500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--blue-gray500)); } .tab-c-blue-gray500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--blue-gray200)); } .tab-c-blue-gray500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--blue-gray500)); } .tab-c-blue-gray500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--blue-gray200)); } .tab-c-pale-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-pale-purple500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--pale-purple500)); } .tab-c-pale-purple500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--pale-purple200)); } .tab-c-pale-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--pale-purple500)); } .tab-c-pale-purple500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--pale-purple200)); } .tab-c-blue-sys500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.currentTab.tabButton, .tab-c-blue-sys500[class*='tab-v-'][class*='-simple']>table>tbody>tr>td>div>div>.currentTab.tabButton { background: rgb(var(--blue-sys500)); } .tab-c-blue-sys500[class*='tab-v-stage']>table>tbody>tr>td>div>div>.tabButton { background: rgb(var(--blue-sys200)); } .tab-c-blue-sys500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .currentTab.tabButton:after { border-left-color: rgb(var(--blue-sys500)); } .tab-c-blue-sys500[class*='tab-v-stage']>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { border-left-color: rgb(var(--blue-sys200)); } /*--------------------------------------*/ .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--red200)); } .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--red200));} .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--red500)); } .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--red200)); } .tab-c-red500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--red50)); } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--pink200)); } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--pink200));} .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--pink500)); } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--pink200)); } .tab-c-pink500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--pink50)); } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--purple200)); } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--purple200));} .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--purple500)); } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--purple200)); } .tab-c-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--purple50)); } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--deep-purple200)); } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--deep-purple200));} .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--deep-purple500)); } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--deep-purple200)); } .tab-c-deep-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--deep-purple50)); } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--indigo200)); } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--indigo200));} .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--indigo500)); } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--indigo200)); } .tab-c-indigo500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--indigo50)); } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--blue200)); } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--blue200));} .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--blue500)); } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--blue200)); } .tab-c-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--blue50)); } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--light-blue200)); } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--light-blue200));} .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--light-blue500)); } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--light-blue200)); } .tab-c-light-blue500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--light-blue50)); } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--cyan200)); } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--cyan200));} .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--cyan500)); } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--cyan200)); } .tab-c-cyan500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--cyan50)); } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--teal200)); } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--teal200));} .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--teal500)); } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--teal200)); } .tab-c-teal500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--teal50)); } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--green200)); } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--green200));} .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--green500)); } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--green200)); } .tab-c-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--green50)); } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--light-green200)); } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--light-green200));} .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--light-green500)); } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--light-green200)); } .tab-c-light-green500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--light-green50)); } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--lime300)); } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--lime300));} .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--lime600)); } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--lime300)); } .tab-c-lime600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--lime50)); } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--yellow300)); } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--yellow300));} .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--yellow600)); } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--yellow300)); } .tab-c-yellow600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--yellow50)); } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--amber200)); } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--amber200));} .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--amber500)); } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--amber200)); } .tab-c-amber500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--amber50)); } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--orange200)); } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--orange200));} .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--orange500)); } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--orange200)); } .tab-c-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--orange50)); } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--deep-orange200)); } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--deep-orange200));} .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--deep-orange500)); } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--deep-orange200)); } .tab-c-deep-orange500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--deep-orange50)); } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--brown200)); } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--brown200));} .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--brown500)); } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--brown200)); } .tab-c-brown500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--brown50)); } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--gray300)); } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--gray300));} .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--gray600)); } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--gray300)); } .tab-c-gray600[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--gray50)); } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--blue-gray200)); } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--blue-gray200));} .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--blue-gray500)); } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--blue-gray200)); } .tab-c-blue-gray500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--blue-gray50)); } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--pale-purple200)); } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--pale-purple200));} .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--pale-purple500)); } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--pale-purple200)); } .tab-c-pale-purple500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--pale-purple50)); } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton { border-color:rgb(var(--blue-sys200)); } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 1px solid rgb(var(--blue-sys200));} .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton { border-bottom: 1px solid transparent !important; } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.currentTab.tabButton>.tabTitle, .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton>.tabTitle { color: rgb(var(--blue-sys500)); } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>.xpdTabContainerBody { border-color: rgb(var(--blue-sys200)); } .tab-c-blue-sys500[class*='tab-v-flat']>table>tbody>tr>td>div>div>.tabButton:not(.currentTab) { background: rgb(var(--blue-sys50)); } /*--------------------------------------*/ .tab-v-radius.tab-c-red500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--red500),1); } .tab-v-radius.tab-c-pink500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--pink500),1); } .tab-v-radius.tab-c-purple500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--purple500),1); } .tab-v-radius.tab-c-deep-purple500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--deep-purple500),1); } .tab-v-radius.tab-c-indigo500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--indigo500),1); } .tab-v-radius.tab-c-blue500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--blue500),1); } .tab-v-radius.tab-c-light-blue500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--light-blue500),1); } .tab-v-radius.tab-c-cyan500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--cyan500),1); } .tab-v-radius.tab-c-teal500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--teal500),1); } .tab-v-radius.tab-c-green500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--green500),1); } .tab-v-radius.tab-c-light-green500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--light-green500),1); } .tab-v-radius.tab-c-lime600>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--lime600),1); } .tab-v-radius.tab-c-yellow600>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--yellow600),1); } .tab-v-radius.tab-c-amber500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--amber500),1); } .tab-v-radius.tab-c-orange500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--orange500),1); } .tab-v-radius.tab-c-deep-orange500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--deep-orange500),1); } .tab-v-radius.tab-c-brown500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--brown500),1); } .tab-v-radius.tab-c-gray600>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--gray600),1); } .tab-v-radius.tab-c-blue-gray500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--blue-gray500),1); } .tab-v-radius.tab-c-pale-purple500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--pale-purple500),1); } .tab-v-radius.tab-c-blue-sys500>table>tbody>tr>td>div>div>.tabButton.currentTab { background-color: rgba(var(--blue-sys500),1); } .tab-ort-bottom { overflow: visible !important; } .tab-ort-bottom>table { position: relative; padding-bottom: 27px; } .tab-ort-bottom>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { position: absolute; bottom:3px; } .tab-ort-bottom.xpdTabContainerNoBorder:not([class*="tab-c"])>table > tbody > tr > .xpdTabContainerTdBody > .xpdTabContainerBody { border-color: rgb(230, 230, 230); } .tab-ort-bottom>table>tbody>tr>td>div>div>.tabButton { border-top: 3px solid transparent; } .tab-ort-bottom>table>tbody>tr>td>div>div>.tabButton:hover { border-bottom: 0; } .tab-ort-bottom>table>tbody>tr>td>div>div>.tabButton.currentTab { border-top: 3px solid rgb(39, 141, 224); border-bottom: 0; } /*-----v-flat------*/ .tab-v-flat.tab-ort-bottom>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { bottom:-1px; } .tab-v-flat.tab-ort-bottom>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { height: 30px; } .tab-ort-bottom.tab-v-flat:not([class*="tab-c"])>table>tbody>tr>td>div>div>.tabButton.currentTab { border-top: 1px solid transparent !important; } /*--------flat-flex-------*/ .tab-ort-bottom.tab-v-flat-flex>table { padding-bottom: 37px; } [class*='tab-c'][class*='tab-v-flat'].tab-ort-bottom>table>tbody>tr>td>div>div>.currentTab.tabButton { border-top: 2px solid transparent !important; } /*---------simple-------simple-flex---------*/ .tab-ort-bottom.tab-v-simple>table, .tab-ort-bottom.tab-v-simple-flex>table{ padding-bottom: 40px; } .tab-ort-bottom.tab-v-simple > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton:not(.currentTab), .tab-ort-bottom.tab-v-simple-flex > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton:not(.currentTab) { top: 3px; } /*-----stage-fixed------stage-dunamic----*/ .tab-ort-bottom.tab-v-stage-fixed>table>tbody>tr>td>div>div>.tabButton.currentTab, .tab-ort-bottom.tab-v-stage-dunamic>table>tbody>tr>td>div>div>.tabButton.currentTab { border-top: 0; } .tab-ort-bottom.tab-v-stage-fixed>table, .tab-ort-bottom.tab-v-stage-dunamic>table { padding-bottom: 33px; } /*-------------tab-v-radius-------------*/ .tab-ort-bottom.tab-v-radius>table>tbody>tr>td>div>div>.tabButton { border-top: 0; } .tab-ort-bottom.tab-v-radius>table { padding-bottom: 35px; } /*---------LEFT-----------*/ [taborient="LEFT"] {} [taborient="LEFT"]>table>tbody>tr:first-child { display: block; float: left; width: 25%; } [taborient="LEFT"]>table>tbody>tr:last-child { display: block; float: right; width: 75%; } [taborient="LEFT"]>table>tbody>tr:first-child>td { display: block; } [taborient="LEFT"]>table>tbody>tr>td>div>div>.tabButton { display: block !important; } [taborient="LEFT"]>table>tbody>tr>.xpdTabContainerTdBody{ width: 100%; display: block; } [taborient="LEFT"]>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { height: auto !important; } [taborient="LEFT"].tab-v-ort-bootstrap>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { right: -3px; background-color: #FFFF; } .tab-v-stage-fixed[taborient="LEFT"]>table>tbody>tr>td>div>div>.tabButton:before, .tab-v-stage-fixed[taborient="LEFT"]>table>tbody>tr>td>div>div>.tabButton:after, .tab-v-stage-fixed[taborient="LEFT"]>table>tbody>tr>td>div>div>.tabButton.currentTab:before { display: none; } .tab-v-stage-fixed[taborient="LEFT"]>table>tbody>tr>td>div>div>.tabButton.currentTab:after { display: inline-block; } /*--------------*/ [taborient="RIGHT"]>table>tbody>tr:first-child{ display: block; float: right; width: 25%; } [taborient="RIGHT"]>table>tbody>tr:last-child { display: block; float: left; width: 75%; } [taborient="RIGHT"]>table>tbody>tr>td>div>div>.tabButton { display: block !important; } [taborient="RIGHT"]>table>tbody>tr>.xpdTabContainerTdBody{ width: 100%; display: block; } [taborient="RIGHT"]>table>tbody>tr>.xpdTabContainerTdBody>.xpdTabContainerBody, [taborient="LEFT"]>table>tbody>tr>.xpdTabContainerTdBody>.xpdTabContainerBody { width: 100% !important; } [taborient="RIGHT"].xpdTabContainerNoBorder>table>tbody>tr>.xpdTabContainerTdBody>.xpdTabContainerBody, [taborient="LEFT"].xpdTabContainerNoBorder>table>tbody>tr>.xpdTabContainerTdBody>.xpdTabContainerBody { border-top: none; } [taborient="RIGHT"]>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { height: auto !important; } [taborient="RIGHT"].tab-v-ort-bootstrap>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { left: -3px; background-color: #FFFFFF; } /*--------*/ [taborient="RIGHT"]>table>tbody>tr>.xpdTabContainerTdBody{ width: 100%; display: block; } /*[taborient="RIGHT"]>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { height: auto !important; }*/ [taborient="LEFT"]>table>tbody>tr>td, [taborient="RIGHT"]>table>tbody>tr>td { display: block; } [taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead, [taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead { width: 100%; height: auto; white-space: normal; } [taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton, [taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { height: auto; } [taborient="LEFT"]:not([class*="tab-v-ort"])>table>tbody>tr>td>div>div>.tabButton.currentTab, [taborient="LEFT"]:not([class*="tab-v-ort"])>table>tbody>tr>td>div>div>.tabButton:not(.currentTab):hover { border-bottom-width: 0; border-right-style: solid; border-right-width: 3px; } [taborient="RIGHT"]:not([class*="tab-v-ort"])>table>tbody>tr>td>div>div>.tabButton.currentTab, [taborient="RIGHT"]:not([class*="tab-v-ort"])>table>tbody>tr>td>div>div>.tabButton:not(.currentTab):hover{ border-bottom-width: 0; border-left-style: solid; border-left-width: 3px; } .tab-p-20px>table>tbody>tr>td>.xpdTabContainerBody>.tabContent { padding: 20px; } /*-----padding-bottom--------*/ .tab-pb-0px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-0px>table>tbody>tr>td>.xpdTabContainerBody{ padding-bottom: 0; } .tab-pb-5px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-5px>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 5px; } .tab-pb-10px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-10px>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 10px; } .tab-pb-15px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-15px>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 15px; } .tab-pb-20px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-20px>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 20px; } .tab-pb-25px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pb2-25px>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 25px; } /*-----padding-left--------*/ .tab-pl-0px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-0px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 0; } .tab-pl-5px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-5px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 5px; } .tab-pl-10px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-10px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 10px; } .tab-pl-15px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-15px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 15px; } .tab-pl-20px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-20px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 20px; } .tab-pl-25px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pl2-25px>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 25px; } /*-----padding-right--------*/ .tab-pr-0px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-0px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 0; } .tab-pr-5px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-5px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 5px; } .tab-pr-10px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-10px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 10px; } .tab-pr-15px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-15px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 15px; } .tab-pr-20px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-20px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 20px; } .tab-pr-25px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pr2-25px>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 25px; } /*-----padding-top--------*/ .tab-pt-0px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-0px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 0; } .tab-pt-5px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-5px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 5px; } .tab-pt-10px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-10px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 10px; } .tab-pt-15px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-15px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 15px; } .tab-pt-20px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-20px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 20px; } .tab-pt-25px>table>tbody>tr>td>.xpdTabContainerBody, .tab-pt2-25px>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 25px; } /*.tab-pb-0px { } .tab-pb-5px { } .tab-pb-15px { } .tab-pb-20px { } .tab-pb-25px { }*/ /*.tab-pb2-5px { } .tab-pb2-10px { } .tab-pb2-15px { } .tab-pb2-20px { } .tab-pb2-25px { }*/ /*.tab-pl-0px { } .tab-pl-5px { } .tab-pl-10px { } .tab-pl-20px { } .tab-pl-25px { }*/ /*.tab-pl2-5px { } .tab-pl2-10px { } .tab-pl2-15px { } .tab-pl2-20px { } .tab-pl2-25px { }*/ /*.tab-pr-0px { } .tab-pr-5px { } .tab-pr-10px { } .tab-pr-20px { } .tab-pr-25px { }*/ /*.tab-pr2-5px { } .tab-pr2-10px { } .tab-pr2-15px { } .tab-pr2-20px { } .tab-pr2-25px { }*/ /*.tab-pt-0px { } .tab-pt-5px { } .tab-pt-15px { } .tab-pt-20px { } .tab-pt-25px { }*/ /*.tab-pt2-0px { } .tab-pt2-5px { } .tab-pt2-15px { } .tab-pt2-20px { } .tab-pt2-25px { }*/ /*.tab-v-flat {} .tab-v-simple {} .tab-v-radius {}*/ [multiline-enabled="true"]:not(.itsHomeTabConteiner):not(.tab-v-flat) > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { margin-bottom: -3px; } [multiline-enabled="true"]:not(.itsHomeTabConteiner).tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { margin-bottom: -1px; } [multiline-enabled="true"]:not(.itsHomeTabConteiner).tab-v-simple > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton:not(.currentTab) { margin-bottom: 3px; } [multiline-enabled="true"]:not(.itsHomeTabConteiner).tab-v-radius>table>tbody>tr>td>div>div>.tabButton { margin-bottom: 3px; } .tab-v-ort-simple > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 40px; } .tab-v-ort-simple > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton { border: none; background-color: white; text-transform: uppercase; padding-top: 7px; /*7803*/ min-height: 43px; height: auto; /*7803*/ } /*7803*/ .tab-v-ort-simple[taborient="LEFT"] > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton{ padding:7px 0; } /*.tab-v-ort-simple[taborient="LEFT"] > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton>.tabTitle { line-height: 16px; }*/ .tab-v-ort-simple:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { background: rgb(var(--gray200)); } .tab-v-ort-simple .xpdTabContainerBody { border: 3px solid rgb(var(--gray200)); } .tab-v-ort-simple[class*="tab-c"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle { color: #FFF; padding: 0 15px; } .tab-v-ort-simple[class*="tab-c"][taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle { padding-left: 18px; } /*.tab-v-ort-simple>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-ort-simple>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { height: 43px !important; }*/ .tab-v-ort-simple>table>tbody>tr>td>div>.xpdTabContainerHead { display: table; width: 100%; table-layout: fixed; } .tab-v-ort-simple>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { display: table-cell; } .tab-v-ort-simple[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { margin-left: -3px; } .tab-v-ort-simple[taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { margin-right: -3px; } /*-------*/ .tab-v-ort-bootstrap[taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { /*border-width: 3px; border-style: solid; border-top: none; border-bottom: none; border-left: none;*/ border-right-width: 3px; border-right-style: solid; border-bottom: 0; border-top: 0; border-left: 0; } .tab-v-ort-bootstrap[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { border-left-width: 3px; border-left-style: solid; border-bottom: 0; border-top: 0; border-right: 0; } .tab-v-ort-bootstrap[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab){ padding: 3px 0 2px 0; } .tab-v-ort-bootstrap[taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab) { padding: 3px 0 2px 3px ; } .tab-v-ort-bootstrap>table>tbody>tr>td>div>div>.tabButton { border-color: rgba(0,0,0,0.1); } /*.tab-v-ort-bootstrap[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { border-left: 1px solid rgba(0,0,0,0.1); }*/ .tab-v-ort-bootstrap>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:hover { /*border-bottom: 0;*/ background-color: rgba(0,0,0,0.05); } .tab-v-ort-bootstrap>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-ort-bootstrap>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab:hover { border: 3px solid rgba(0, 0, 0, 0.1); } .tab-v-ort-bootstrap[taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-ort-bootstrap[taborient="LEFT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab:hover { border-right: 0; padding-right: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .tab-v-ort-bootstrap[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-ort-bootstrap[taborient="RIGHT"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab:hover { border-left: 0; padding-left: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .tab-v-ort-bootstrap>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton{ border: 3px solid transparent; } .tab-v-ort-bootstrap>table>tbody>tr>td>div>.xpdTabContainerHead { display: table; width: 100%; table-layout: fixed; } .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { border: solid 1px #e6e6e6; background-color: white; border-bottom: 1px solid transparent; } .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle, .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle { text-align: center; color: black; } .tab-v-flat>table>tbody>tr>td>.xpdTabContainerBody, .tab-v-flat-flex>table>tbody>tr>td>.xpdTabContainerBody { border: 1px solid #e6e6e6; } .tab-v-flat>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { height: 29px; } .tab-v-flat-flex>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { height: auto; } .tab-v-flat-flex:not([class*="tab-ort-bottom"])>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel { top: 1px; } .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton, .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { border: solid 1px #e6e6e6; /* border-right: solid 1px #b9b9b9;*/ background-color: #f1f1f1; } /*.tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab){ margin-left: -1px; }*/ .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(:first-child){ border-left: 0; } .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab):hover, .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab):hover>.tabCloseButton { cursor: pointer; /*border-bottom: transparent;*/ } .tab-v-flat>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { height: 30px; } /*-------------*/ .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead { display: table; width: 100%; table-layout: fixed; } .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { display: table-cell; } .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton>.tabTitle { margin-top: 2px; margin-bottom: -1px; text-align: center; } /*.xpdTabContainerNoBorder.tab-ort-bottom.tab-v-flat-flex > table > tbody > tr > .xpdTabContainerTdBody > .xpdTabContainerBody { border: 1px solid #e6e6e6; }*/ .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab):hover, .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab):hover>.tabCloseButton { cursor: pointer; } .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab+.tabButton { border-left: 0; } .tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab):not(:last-child) { border-right: 0; } /*.tab-v-flat-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton:not(.currentTab){ position: relative; left: -1px; }*/ /*-------------*/ .tab-v-simple > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel, .tab-v-simple-flex > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 40px; } .tab-v-simple > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton, .tab-v-simple-flex > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton { border: none; background-color: white; text-transform: uppercase; height: 40px !important; } .tab-v-simple > table > tbody > tr > td > div > .xpdTabContainerHead>.tabButton > .tabTitle, .tab-v-simple-flex > table > tbody > tr > td > div>.xpdTabContainerHead>.tabButton > .tabTitle { padding-top: 7px; } .tab-v-simple:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-simple-flex:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { background: rgb(var(--gray200)); } .tab-v-simple .xpdTabContainerBody { border: 3px solid rgb(var(--gray200)); } .tab-v-simple>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton>.tabTitle, .tab-v-simple-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton>.tabTitle { height: 100%; } .tab-v-simple[class*="tab-c"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle, .tab-v-simple-flex[class*="tab-c"]>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab>.tabTitle{ color: #FFF; } .tab-v-simple>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab, .tab-v-simple-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { height: 43px !important; } /*-------------*/ .tab-v-simple-flex>table>tbody>tr>td>div>.xpdTabContainerHead { display: table; width: 100%; table-layout: fixed; } .tab-v-simple-flex>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { display: table-cell; } /*------------*/ .tab-v-stage-fixed > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 30px; } .tab-v-stage-fixed > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton { border: none; text-align: center; height: 30px; overflow: visible; } .tab-v-stage-fixed:not([class*="tab-c"])>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton { background: #777777; } .tab-v-stage-fixed:not([class*="tab-c"])>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton>.tabTitle { color: #FFFFFF; } .tab-v-stage-fixed:not([class*="tab-c"])>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton.currentTab { background: #333333; } .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:first-child:before, .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:last-child:after { display: none !important; } .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton[end="true"][i="0"]:before, .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton[start="true"]:before, .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) /*div[hidden]+*/.tabButton[end="true"]:after { display: none; } .tab-v-stage-fixed>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead { display: table; width: 100%; table-layout: fixed; } .tab-v-stage-fixed>table>tbody>tr>td>.xpdTabContainerScrollButtonPanel>.xpdTabContainerHead>.tabButton { display: table-cell; width: auto; } .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:after { content: ""; position: absolute; display: inline-block; border: 15px solid transparent; border-left-color: #777; cursor: pointer; z-index: 10; right: -27px; } .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton.currentTab:after { border-left-color: #333333; } .tab-v-stage-fixed>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:before { content: ""; position: absolute; display: inline-block; border: 15px solid transparent; border-left-color: #fff; cursor: pointer; z-index: 1; left: -1px; } .tab-v-stage-fixed>table>tbody>tr>td>div >.xpdTabContainerHead> .tabButton > .tabTitle { line-height: 27px; } .tab-v-stage-fixed>table>tbody>tr>td>.xpdTabContainerBody { border-top: 0; } /*---------*/ .tab-v-stage-dunamic > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 30px; } .tab-v-stage-dunamic>table>tbody>tr>td>.xpdTabContainerBody { border-top: 0; } .tab-v-stage-dunamic > table > tbody > tr > td > div >.xpdTabContainerHead> .tabButton { border: none; text-align: center; height: 30px; overflow: visible; } .tab-v-stage-dunamic:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { background: #777777; } .tab-v-stage-dunamic:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton>.tabTitle { color: #FFFFFF; } .tab-v-stage-dunamic:not([class*="tab-c"])>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab { background: #333333; } .tab-v-stage-dunamic>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:first-child:before, .tab-v-stage-dunamic>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton:last-child:after, .tab-v-stage-dunamic>table>tbody>tr>td:not(.xpdTabContainerTdBody) .tabButton[end="true"]:after { display: none !important; } .tab-v-stage-dunamic>table>tbody>tr>td>div>.xpdTabContainerHead { display: table; width: 100%; } .tab-v-stage-dunamic>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton { display: table-cell; width: auto; } .tab-v-stage-dunamic>table>tbody>tr>td> div >.xpdTabContainerHead>.tabButton:after { content: ""; position: absolute; display: inline-block; border: 15px solid transparent; border-left-color: #777; cursor: pointer; z-index: 10; right: -27px; } .tab-v-stage-dunamic>table>tbody>tr>td> div >.xpdTabContainerHead> .currentTab:after { border-left-color: #333333; } .tab-v-stage-dunamic>table>tbody>tr>td> div >.xpdTabContainerHead>.tabButton:before { content: ""; position: absolute; display: inline-block; border: 15px solid transparent; border-left-color: #fff; cursor: pointer; z-index: 1; left: -1px; } .tab-v-stage-dunamic>table>tbody>tr>td> div >.xpdTabContainerHead>.tabButton>.tabTitle, .tab-v-stage-fixed>table>tbody>tr>td> div >.xpdTabContainerHead>.tabButton>.tabTitle { line-height: 25px; padding-top: 3px; box-sizing: border-box; height: 100%; margin-bottom: -5px; } [class*="tab-c-"][class*='tab-v-stage']>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton>.tabTitle { color:#FFFFFF; } /*----*/ :not(.xpdTabContainerNoBorder):not([class*="tab-pt"])>table>tbody>tr>td>.xpdTabContainerBody { padding-top: 10px; } :not(.xpdTabContainerNoBorder):not([class*="tab-pl"])>table>tbody>tr>td>.xpdTabContainerBody { padding-left: 15px; } :not(.xpdTabContainerNoBorder):not([class*="tab-pr"])>table>tbody>tr>td>.xpdTabContainerBody { padding-right: 15px; } :not(.xpdTabContainerNoBorder):not([class*="tab-pb"])>table>tbody>tr>td>.xpdTabContainerBody { padding-bottom: 10px; } /*-------Radius--------*/ .tab-v-radius.xpdTabContainerNoBorder .xpdTabContainerBody { border: 3px solid transparent !important; } .tab-v-radius:not([class*="xpdTabContainerNoBorder"]) .xpdTabContainerBody { border-left: none; border-right: none; border-top: none; } .tab-v-radius .tabButton.currentTab { border-bottom: 0; background-color: rgba(50,50,50,0.7); } .tab-v-radius>table>tbody>tr>td>div>.xpdTabContainerHead>.tabButton.currentTab:hover { border-bottom: 0; } .tab-v-radius>table>tbody>tr>td>div>div>.tabButton { border-radius: 50px; margin-right: 2px; border-width: 1px; border-style: solid; border-color: rgba(0,0,0,0.1); } .tab-v-radius>table>tbody>tr>td>div>div>.tabButton span { color: #FFF; } .tab-v-radius>table>tbody>tr>td>div>div>.tabButton:not(.currentTab):hover { border-bottom-width: 1px; outline: 0; } .tab-v-radius>table>tbody>tr>td>div>div>.tabButton:last-child { margin-right: 0; } .tab-v-radius > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 32px; } .table-v-simple { border-collapse: collapse; } .table-v-simple>tbody>tr:first-child>td, .table-v-simple>tbody>tr:last-child>td { border-bottom: 2px solid rgba(220, 220, 220, 1); } .table-v-smart { border-collapse: collapse; } .table-v-smart>tbody>tr>td { border: 1px solid rgba(220, 220, 220, 1); } .text-c-red500 { background-color: rgb(var(--red500)); } .text-c-pink500 { background-color: rgb(var(--pink500)); } .text-c-purple500 { background-color: rgb(var(--purple500)); } .text-c-deep-purple500 { background-color: rgb(var(--deep-purple500)); } .text-c-indigo500 { background-color: rgb(var(--indigo500)); } .text-c-blue500 { background-color: rgb(var(--blue500)); } .text-c-light-blue500 { background-color: rgb(var(--light-blue500)); } .text-c-cyan500 { background-color: rgb(var(--cyan500)); } .text-c-teal500 { background-color: rgb(var(--teal500)); } .text-c-green500 { background-color: rgb(var(--green500)); } .text-c-light-green500 { background-color: rgb(var(--light-green500)); } .text-c-lime600 { background-color: rgb(var(--lime600)); } .text-c-yellow600 { background-color: rgb(var(--yellow600)); } .text-c-amber500 { background-color: rgb(var(--amber500)); } .text-c-orange500 { background-color: rgb(var(--orange500)); } .text-c-deep-orange500 { background-color: rgb(var(--deep-orange500)); } .text-c-brown500 { background-color: rgb(var(--brown500)); } .text-c-gray600 { background-color: rgb(var(--gray600)); } .text-c-blue-gray500 { background-color: rgb(var(--blue-gray500)); } .text-c-pale-purple500 { background-color: rgb(var(--pale-purple500)); } .text-c-blue-sys500 { background-color: rgb(var(--blue-sys500)); } .text-r-3px { border-radius: 3px; } .text-r-6px { border-radius: 6px; } .text-r-10px { border-radius: 10px; } .text-r-15px { border-radius: 15px; } .text-r-30px { border-radius: 30px; } .text-s-12px { font-size: 12px; } .text-s-15px { font-size: 15px; } .text-s-20px { font-size: 20px; } .text-s-24px { font-size: 24px; } .text-s-28px { font-size: 28px; } [class*='text-c'].text-s-12px { font-size: 12px; line-height: 12px; } [class*='text-c'].text-s-15px { font-size: 15px; line-height: 15px; } [class*='text-c'].text-s-20px { font-size: 20px; line-height: 20px; } [class*='text-c'].text-s-24px { font-size: 24px; line-height: 24px; } [class*='text-c'].text-s-28px { font-size: 28px; line-height: 28px; } [class*='text-c'] { vertical-align: bottom; display: inline-block; padding: .2em .6em .3em; font-size: 100%; font-weight: bold; line-height: 18px; color: #fff; text-align: center; white-space: nowrap; /*border-radius: .25em;*/ } [class*='text-c'][class*='text-s'] { padding: .3em .6em .3em; } [class*='text-c'].text-c-red500 { top: 35px; left: 3px; } /*.text-v-default { background-color: #999; } .text-v-primary { background-color: #428bca; } .text-v-success { background-color: #5cb85c; } .text-v-info { background-color: #5bc0de; } .text-v-warning { background-color: #f0ad4e; } .text-v-danger { background-color: #d9534f; }*/ .tree-v-multiline-text .itsTreeTitle > div { white-space: normal; line-height: 13px; } .tree-v-multiline-text .itsTreeTitle >.itsTreeImg+div { padding: 5px 24px 5px 0; } @keyframes clockwise { 100% { transform: rotate(360deg); } } @-webkit-keyframes clockwise { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes clockwise { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes clockwise { 100% { -o-transform: rotate(360deg); } } .xpdCirclePreloader { position: absolute; top: 0; left: 0; z-index: 1000; margin: 6px; height: 10px; width: 10px; border-width: 2px; border-style: solid; border-radius: 50%; animation-name: clockwise; /* Задержка перед началом */ animation-delay: 0s; /* Продолжительность анимации */ animation-duration: .75s; animation-iteration-count: infinite; animation-timing-function: linear; } .tabButton .xpdCirclePreloader { border-color: hsla(0, 100%, 100%, 0.6) hsla(0, 100%, 100%, 0.6) hsla(0, 100%, 100%, 0.15) hsla(0, 100%, 100%, 0.15); } .currentTab .xpdCirclePreloader { border-color: hsla(0, 0.1%, 0.1%, 0.6) hsla(0, 0.1%, 0.1%, 0.6) hsla(0, 0.1%, 0.1%, 0.15) hsla(0, 0.1%, 0.1%, 0.15); } @-webkit-keyframes its-preload { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes its-preload { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes its-preload { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .itsPreloader > div { position: absolute; top: 50%; left: 50%; opacity: .8; display: block; border-radius: 50%; font-size: 50px; width: .25em; height: .25em; box-shadow: 0 -.4em 0 0 rgba(0, 0, 0, 1), -.28em -.28em 0 0 rgba(0, 0, 0, .75), -.4em 0 0 0 rgba(0, 0, 0, .50), -.28em .28em 0 0 rgba(0, 0, 0, .25); animation: .85s its-preload steps(8) infinite; } .itsPreloader { width: 100%; height: 100%; position: relative; } /*----------------ProcessBAR--------------------*/ .itsServerAction1, .itsServerAction2, .itsServerAction3, .itsTabTitle:not(.itsTabTitleImg) > span:not(.itsTabCloseBtn) > div:empty:after, .itsTabTitle:not(.itsTabTitleImg) > span:not(.itsTabCloseBtn) > div:empty, .itsTabTitle:not(.itsTabTitleImg) > span:not(.itsTabCloseBtn) > div:empty:before { position: absolute; height: 10px; width: 4px; opacity: 0.1; top: 50%; margin-top: -5px; animation-name: bounceG; animation-duration: 0.9s; animation-iteration-count: infinite; animation-direction: linear; transform: scale(0.7); } .itsProgressBaritsButton { z-index: 900; } .itsProgressBaritsButton:after { content: ""; height: 100%; width: 100%; opacity: .5; z-index: 1; display: block; background: rgb(255, 255, 255); } .itsProgressBaritsButton > .itsServerAction1, .itsProgressBaritsButton > .itsServerAction2, .itsProgressBaritsButton > .itsServerAction3 { right: 50%; z-index: 2; } .itsProgressBaritsTreeTitle > .itsServerAction1 { right: 20px; } .itsProgressBaritsButton > .itsServerAction1 { margin-right: 6px; } .itsServerAction1, .itsTabTitle > span:not(.itsTabCloseBtn) > div:empty:after { animation-delay: 0.27s; } .itsProgressBaritsTreeTitle > .itsServerAction2 { right: 14px; } .itsProgressBaritsButton > .itsServerAction2 { margin-right: 0px; } .itsServerAction2, .itsTabTitle > span:not(.itsTabCloseBtn) > div:empty { animation-delay: 0.36s; } .itsProgressBaritsTreeTitle > .itsServerAction3 { right: 8px; } .itsProgressBaritsButton > .itsServerAction3 { margin-right: -6px; } .itsServerAction3, .itsTabTitle > span:not(.itsTabCloseBtn) > div:empty:before { animation-delay: 0.45s; } .itsServerAction1, .itsServerAction2, .itsServerAction3 { background: rgb(51, 51, 51); } @-moz-keyframes bounceG { 0% { -moz-transform: scale(1.2); opacity: 1 } 100% { -moz-transform: scale(0.7); opacity: 0.1 } } @-webkit-keyframes bounceG { 0% { -webkit-transform: scale(1.2); opacity: 1 } 100% { -webkit-transform: scale(0.7); opacity: 0.1 } } @-ms-keyframes bounceG { 0% { -ms-transform: scale(1.2); opacity: 1 } 100% { -ms-transform: scale(0.7); opacity: 0.1 } } @-o-keyframes bounceG { 0% { -o-transform: scale(1.2); opacity: 1 } 100% { -o-transform: scale(0.7); opacity: 0.1 } } @keyframes bounceG { 0% { transform: scale(1.2); opacity: 1 } 100% { transform: scale(0.7); opacity: 0.1 } } .itsProgressBaritsTreeTitle { z-index: 100; } .xpdServerActionMessage { position: fixed; top: 0; width: 100%; text-align: center; z-index: 1000; } .xpdServerActionMessage > div { display: inline-block; padding: 5px 15px; background-color: rgb(249, 237, 190); border: 1px solid rgb(240, 195, 109); } .closeServerAction { display: inline-block; margin-right: -4px; padding-left: 5px; cursor: pointer; } .closeServerAction:before { content: '\00d7'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; width: 10px; height: 10px; opacity: .4; font-size: 7px; border-radius: 100%; vertical-align: middle; box-sizing: border-box; transition: 0.1s; } .closeServerAction:hover:before { opacity: .3; } .itsFormContainerStyle-cont1, .itsFormContainerStyle-cont2, .itsFormContainerStyle-cont3, .itsFormContainerStyle-cont4, .itsFormContainerStyle-cont5 { padding: 10px 10px 10px 13px; box-sizing: border-box; } .itsFormContainerStyle-cont1>*, .itsFormContainerStyle-cont2>*, .itsFormContainerStyle-cont3>*, .itsFormContainerStyle-cont4>*, .itsFormContainerStyle-cont5>* { margin: 0; } /*cont1*/ .itsFormContainerStyle-cont1 { background: rgba(0, 0, 0,.04); } /*cont2*/ .itsFormContainerStyle-cont2 { background-color: rgb(248, 250, 244); } /*cont3*/ .itsFormContainerStyle-cont3 { border-color: rgb(188, 232, 241); } /*cont4*/ .itsFormContainerStyle-cont4 { background-color: rgb(250, 248, 240); } /*cont5*/ .itsFormContainerStyle-cont5 { background-color: rgb(253, 247, 247); } /*buttons style in form container*/ .itsFormContainerStyle-button-style .itsInput .itsInputBody input, .itsFormContainerStyle-button-style .itsInput .itsDateTimePicker>input { padding: 24px 30px 23px 30px !important; } .itsFormContainerStyle-button-style .itsInput .xpdDateTimePickerButtonWrap { left: -38px; } .itsFormContainerStyle-button-style .itsInput .itsDateTimePicker .itsDatePickerBtn { height: 48px; } .itsFormContainerStyle-button-style .itsInput .itsDateTimePicker .itsDatePickerBtn.itsButton>span { height: 38px; padding: 10px 12px 0 12px; } .itsFormContainerStyle-button-style .itsInput .itsComboboxInput { height: 48px; padding: 10px 30px 11px 30px !important; } .itsFormContainerStyle-button-style .itsInputBody.itsDateTimePicker[validate=Date] { width: 164px; } /*buttons style in form container*/ /* * Системная функция для global resize */ .importantAutoHeight { height: auto !important; } .xpdBorderContainerH, .xpdBorderContainerV { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; flex: 1; height: 100%; overflow: auto; opacity: 0; } .xpdBorderContainerH:not(.MWConstructorSettingsCssStyle), .xpdBorderContainerV:not(.MWConstructorSettingsCssStyle) { position: relative; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .xpdBorderContainerH, .xpdBorderContainerV { height: 100%; } .xpdBorderContainerH:not(.MWConstructorSettingsCssStyle), .xpdBorderContainerV:not(.MWConstructorSettingsCssStyle) { position: relative; display: flex; } } .xpdBorderContainerV { flex-direction: column; } .xpdBorderContainerH>.xpdBorderContainerSpliterLT, .xpdBorderContainerH>.xpdBorderContainerSpliterRB, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB { position: relative; float: left; width: 7px; height: 100%; } .itsMWbody>.xpdBorderContainerH .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT { width: 5px; } .xpdBorderContainerV>.xpdBorderContainerSpliterLT, .xpdBorderContainerV>.xpdBorderContainerSpliterRB, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB{ position: relative; float: left; width: 100%; height: 7px; } .xpdBorderContainerV>.xpdBorderContainerRegionC>div[data-wrapper="region"] { height: 100%; } /*----Fix для модалок #57-----*/ .itsMWbody .MWConstructorSettingsCssStyle>.itsScrollPanelTop>f-box { margin: 0; padding: 10px 10px 0 10px; box-sizing: border-box; } .itsMWbody .MWConstructorSettingsCssStyle>.itsScrollPanelBody { padding: 10px; min-height: 350px; box-sizing: border-box; } .MWConstructorSettingsCssStyle>.xpdBorderContainerRegionLT:not(.xpdTabContainer), .MWConstructorSettingsCssStyle>.xpdBorderContainerRegionC:not(.xpdTabContainer) { overflow: visible !important; } .MWConstructorSettingsCssStyle .CenteringButton { width: 236px; margin: 150px auto 0 auto; } .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionC { /*margin-top: 15px; margin-bottom: -15px;*/ padding-top: 15px; } .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionC>.itsButtonStyle-blue:not(.CenteringButton) { margin-left: 202px; } .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionC>.itsContainerVertical.dndSortableClass {height: auto!important;} .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionC>.itsContainerVertical.dndSortableClass>.itsContainerHorizontal>f-box:nth-child(2), .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionC>.itsContainerVertical.dndSortableClass>.itsContainerHorizontal>f-box:nth-child(3){ width: 297.5px !important; } .MWConstructorSettingsCssStyle>.itsScrollPanelBody>.xpdBorderContainerH>.xpdBorderContainerRegionLT>f-box { height: calc(100% - 20px); } .MWConstructorSettingsCssStyle.xpdBorderContainerH { overflow: hidden !important; } .MWConstructorSettingsCssStyle>.xpdBorderContainerRegionC>f-box { display: table; } .MWConstructorSettingsCssStyle>.xpdBorderContainerRegionLT>f-box:nth-child(2) { height: calc(100% - 62px); } /*-------END-------------*/ .xpdBorderContainerRegionC:not(.xpdTabContainer), .xpdBorderContainerRegionLT:not(.xpdTabContainer), .xpdBorderContainerRegionRB:not(.xpdTabContainer) { position: relative !important; overflow: auto; } .xpdBorderContainerRegionC { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; flex: 1; overflow: auto; } .xpdBorderContainerRegionC.staticBorderContainer { display: block !important; } .xpdBorderContainerRegionC>* { display:block; } .xpdBorderContainerV[data-wrapper="region"] { display: -ms-flexbox !important; } .xpdBorderContainerRegionC.xpdBorderContainerV>div[data-wrapper="region"] { display: -ms-flexbox; display: flex; flex-direction: column; } .xpdBorderContainerV>.xpdBorderContainerRegionC { flex-direction: column; } .BorderContainerHeightAuto>.xpdBorderContainerRegionC, .BorderContainerHeightAuto>.xpdBorderContainerRegionLT, .BorderContainerHeightAuto>.xpdBorderContainerRegionRB { height: auto; vertical-align: top; } .xpdBorderContainerRegionC, .xpdBorderContainerRegionLT, .xpdBorderContainerRegionRB { box-sizing: border-box; } .xpdBorderContainerH.xpdBorderContainerRegionC, .xpdBorderContainerH.xpdBorderContainerRegionLT, .xpdBorderContainerH.xpdBorderContainerRegionRB, .xpdBorderContainerV.xpdBorderContainerRegionC, .xpdBorderContainerV.xpdBorderContainerRegionLT, .xpdBorderContainerV.xpdBorderContainerRegionRB { border: none; } .xpdBorderContainerH>.xpdBorderContainerSpliterLT:hover, .xpdBorderContainerH>.xpdBorderContainerSpliterRB:hover, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:hover, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:hover{ cursor: w-resize; } .xpdBorderContainerV>.xpdBorderContainerSpliterLT:hover, .xpdBorderContainerV>.xpdBorderContainerSpliterRB:hover, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:hover, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:hover{ cursor: n-resize; } .xpdBorderContainerSpliterLT:before, .xpdBorderContainerSpliterRB:before { content: ""; display: block; position: absolute; } .xpdBorderContainerH>.xpdBorderContainerSpliterLT:before, .xpdBorderContainerH>.xpdBorderContainerSpliterRB:before, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:before, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:before{ width: 9px; height: 100%; left: -2px; } .xpdBorderContainerV>.xpdBorderContainerSpliterLT:before, .xpdBorderContainerV>.xpdBorderContainerSpliterRB:before, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:before, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:before{ height: 9px; width: 100%; top: -2px; } .xpdBorderContainerH>.xpdBorderContainerSpliterLT:hover:after, .xpdBorderContainerH>.xpdBorderContainerSpliterRB:hover:after, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:hover:after, .xpdBorderContainerH>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:hover:after{ height: 100%; width: 1px; } .xpdBorderContainerV>.xpdBorderContainerSpliterLT:hover:after, .xpdBorderContainerV>.xpdBorderContainerSpliterRB:hover:after, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterLT:hover:after, .xpdBorderContainerV>div[data-wrapper="region"]>.xpdBorderContainerSpliterRB:hover:after{ height: 1px; width: 100%; position: relative; top: 1px; } .xpdBorderContainerSpliterLT:after, .xpdBorderContainerSpliterRB:after { content: ""; display: block; background: rgb(240, 173, 78); margin: auto; } .itsBorderContainerBorder, .itsBorderRegionBorder { border: 3px solid rgb(230, 230, 230); } .ExportDocumentsFieldsGroupSetup .Availables>.itsScrollPanelBody>.itsContainerVertical { /*fix for 4296*/ min-width: 800px; } .xpdBorderContainerH[formelementclass="LuaTaskSetup"]>.xpdBorderContainerRegionLT>.itsScrollPanelBody { box-sizing: border-box; padding: 7px 14px; } chart-svg { display: block; } .highcharts-title>tspan, .highcharts-root>text.highcharts-credits{ display: none; } .ckeMTbody { max-height: 350px; overflow: auto; margin-top: 10px !important; border-top: 1px solid rgb(200, 200, 200) !important; border-bottom: 1px solid rgb(200, 200, 200) !important; border-right: 1px solid rgb(200, 200, 200) !important; } .ckeMTbody>span { display: block; font-size: 14px; } .ckeMTbody>span:nth-child(2n) { background: rgb(240, 240, 240); } .ckeMTbody>span:hover { background: rgb(227, 227, 227); } .ckeMTbody>span>span { display: inline-block; border-left: 1px solid rgb(200, 200, 200); padding-left: 10px; padding-top: 6px; box-sizing: border-box; vertical-align: top; cursor: pointer; } .ckeMTbody>span, .ckeMTbody>span>span { height: 25px; } .lua_help_form .xpdRichText>pre { background-color: #f7f7f7; border: solid 1px #e8e8e8; border-radius: 5px; color: #314e64; font-family: "Menlo","Courier New","Courier",monospace; padding: 10px 12px; line-height: 1.3em; margin: 10px 0 14px 0; max-width: 900px; overflow-x: auto; overflow-y: hidden; } .cke_editor_diff_not_equal { background-color: rgba(255,0,0,0.2); outline: 1px solid rgba(255,0,0,0.5); } .cke_editor_diff_true_equal { background-color: rgba(0,255,0,0.2); outline: 1px solid rgba(0,255,0,0.5); } .cke_editable_inline, .cke_editable_inline.cke_focus { outline: 1px solid #F5F5F5 !important; } .cke_editable_inline { padding: 1px 5px; margin-top: 2px; } .xpdBorderContainerH>.cke_ltr:first-child { padding: 0 4px; } .xpdContentSourceMessage { background: rgba(0,0,0,.05); border-top: 3px solid rgba(243, 156, 18,.6); padding-left: 15px; } .cke_focus { outline: 1px solid #999999; } body.max-size { min-height: 700px; } .cke_button__html5audio_icon { background: url("/xsp/.ibmxspres/domino/ckeditor/plugins/html5audio/icons/html5audio.png") no-repeat 0 0 !important; } .cke_button__html5video_icon { background: url("/xsp/.ibmxspres/domino/ckeditor/plugins/html5video/icons/html5video.png") no-repeat 0 0 !important; } blockquote { font-style: italic; font-family: Georgia, Times, "Times New Roman", serif; /*padding: 2px 0;*/ border-style: solid; border-color: #ccc; border-width: 0; border-left: 3px solid #ddd; padding: 3px 0 5px 10px; color: #777; } .xpdRichText { line-height: initial; } .xpdRichText blockquote { padding-left: 20px; padding-right: 8px; border-left-width: 5px; } .xpdRichText a { color: inherit; text-decoration: none; cursor: default; } .xpdRichText a[href] { color: #428bca; cursor: pointer; } .xpdRichText a[href]:hover { text-decoration: underline; } .xpdRichText > pre > code.language-xml .titleXML { font-weight: bold; } .xpdRichText > pre > code.language-xml .commentXML { font-weight: 100; font-size: 12px; color: #888; } .xpdRichText > pre > code.language-xml .placeXML { display: inline-block; } .xpdRichText > pre > code.language-xml .valueXML { color: #800; } /*---CKE5----*/ .ck-content pre { background-color: rgba(0,0,0,0.1); padding: 7px; border-radius: 3px; } .ck.ck-content.ck-editor__editable > * { white-space: normal; } div[class*="xpdTooltip"] .cke_inner.cke_reset.cke_maximized { position: fixed !important; } .cke_focus { outline: none !important; } /*Временный костыль для CKEditor*/ h1, h2, h3, h4, h5, h6 { font-weight: normal; } .ckEditorToolbarPropLeftRegion > .itsTree > .itsTreeTitle > div { padding-left: 17px; } /*CKE5*/ @supports (-ms-ime-align:auto) { .cke.cke_reset.cke_chrome { width: 100%; } } @media all and (-ms-high-contrast:none) { .cke.cke_reset.cke_chrome { width: 100%; } } .cke_button__fontfamily_icon, .cke_button__fontsize_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor/skins/minimalist/icons.png) no-repeat 0 -403px !important; } .cke_button__heading_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor5/icons32.png) no-repeat 0 3px !important; } .cke_button__strikethrough_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor/skins/minimalist/icons.png) no-repeat 0 -68px !important; } .cke_button__highlight_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor5/icons32.png) no-repeat 0 -24px !important; } .cke_button__alignment_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor/skins/minimalist/icons.png) no-repeat 0 -1075px !important; } .cke_button__insertimage_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor/skins/minimalist/icons.png) no-repeat 0 -932px !important; } .cke_button__inserttable_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor/skins/minimalist/icons.png) no-repeat 0 -1895px !important; } .cke_button__mediaembed_icon { background: url(/xsp/.ibmxspres/domino/xpdjs/ckeditor5/icons32.png) no-repeat -1px -60px !important } /*LUA BEGIN*/ .CodeMirror { font-size: 13px; border: 1px solid rgb(200, 200, 200); margin-bottom: -3px; /*test*/ } /*LUA END*/ .xpdPhraseMask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background: rgba(255, 255, 255, .5); } .xpdPhraseHightlight { position: absolute; border: 1px solid rgb(9, 145, 255); border-radius: 20px; } .xpdPhraseHightlight:hover { cursor: pointer; background: rgba(9, 145, 255, .15); } .xpdPhraseHightlightTitleBtn { position: absolute; top: 0; right: 0; height: 15px; width: 15px; border-radius: 50%; border: 1px solid rgb(242, 114, 12); z-index: 99999999; } .xpdPhraseHightlightTitleBtn:hover { cursor: pointer; background: rgba(242, 114, 12, .5); } .xpdPhraseHightlightTitle:hover > .xpdPhraseHightlightTitleBtn { display: block; } .xpdPhraseHightlightTitle { border-radius: 20px; position: absolute; } .help_luakey_codemirror { position: absolute; border: 1px solid rgb(235, 228, 200); background-color: rgb(255, 248, 220); padding: 0 3px; z-index: 2; font-size: 11px; line-height: 18px; color: #222; /*-webkit-transition: 0.50s; -moz-transition: 0.50s; -o-transition: 0.50s;*/ transition: 0.50s; user-select: none; } pre>code { } .custom_xpd_popup .ace_scroller>.ace_content { height: 100% !important; } /*Стили для Ace-editor'a*/ .ace_editor { padding: 0; margin: 0 0 -3px 0; } .ace_editor .ace_print-margin { width: 0 !important; } .ace_editor .ace_marker-layer .ace_selected-word { background-color: rgba(181, 213, 255, 0.3); border: 1px solid rgba(181, 213, 255, 0.3); } .ace_editor span.ace_constant.ace_language { color: #cd81ca; } [formula] .ace-xcode .ace_constant.ace_language, [formula] .ace-xcode .ace_keyword:not(.ace_operator), [formula] .ace-xcode .ace_meta, [formula] .ace-xcode .ace_variable.ace_language { color: rgb(var(--blue500)); } .ace_editor .ace_gutter-cell[ace_my_error="true"] { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAABOFBMVEX/////////QRswFAb/Ui4wFAYwFAYwFAaWGAfDRymzOSH/PxswFAb/SiUwFAYwFAbUPRvjQiDllog5HhHdRybsTi3/Tyv9Tir+Syj/UC3////XurebMBIwFAb/RSHbPx/gUzfdwL3kzMivKBAwFAbbvbnhPx66NhowFAYwFAaZJg8wFAaxKBDZurf/RB6mMxb/SCMwFAYwFAbxQB3+RB4wFAb/Qhy4Oh+4QifbNRcwFAYwFAYwFAb/QRzdNhgwFAYwFAbav7v/Uy7oaE68MBK5LxLewr/r2NXewLswFAaxJw4wFAbkPRy2PyYwFAaxKhLm1tMwFAazPiQwFAaUGAb/QBrfOx3bvrv/VC/maE4wFAbRPBq6MRO8Qynew8Dp2tjfwb0wFAbx6eju5+by6uns4uH9/f36+vr/GkHjAAAAYnRSTlMAGt+64rnWu/bo8eAA4InH3+DwoN7j4eLi4xP99Nfg4+b+/u9B/eDs1MD1mO7+4PHg2MXa347g7vDizMLN4eG+Pv7i5evs/v79yu7S3/DV7/498Yv24eH+4ufQ3Ozu/v7+y13sRqwAAADLSURBVHjaZc/XDsFgGIBhtDrshlitmk2IrbHFqL2pvXf/+78DPokj7+Fz9qpU/9UXJIlhmPaTaQ6QPaz0mm+5gwkgovcV6GZzd5JtCQwgsxoHOvJO15kleRLAnMgHFIESUEPmawB9ngmelTtipwwfASilxOLyiV5UVUyVAfbG0cCPHig+GBkzAENHS0AstVF6bacZIOzgLmxsHbt2OecNgJC83JERmePUYq8ARGkJx6XtFsdddBQgZE2nPR6CICZhawjA4Fb/chv+399kfR+MMMDGOQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: 2px center; filter: grayscale(1); } .ace_text-layer span { font-size: 13px !important; } /* * read mode */ [disabled] .CodeMirror .CodeMirror-scroll { background-color: rgba(0,0,0,0.08); } [disabled] .ace_content .ace_cursor-layer { background-color: rgba(0,0,0,0.04) } [disabled] .CodeMirror .CodeMirror-cursor, [disabled] .ace_content .ace_cursor { display: none !important; } .ace_search_form input { width: auto; height: auto; } .cm-s-eclipse.close { width: 1px !important; height: 1px !important; } .HighlightEditorAce { display: inline-block; } .HighlightEditorAce>.ace_editor { width: 100%; height: 100%; } .SharedLuaInnerBorder>.SharedLuaCodeWrapper f-box { padding-bottom: 0; } .ace_completion-meta { display: none; } .ace_editor.ace_autocomplete.custom_xpd_popup { width: 240px; } .AceHightlightBox { position: absolute; /*height: 418px;*/ width: 12px; top: 0; right: 17px; } .AHBMark { position: absolute; border-radius: 8px; height: 3px; width: 12px; opacity: .6; } .AHBMark.TODOMark { background-color: dodgerblue; } .AHBMark.SEARCHMark { background-color: hotpink; } body>.ace_editor.custom_xpd_popup { overflow: visible; } .aceHelpDom { position: absolute; width: 240px; height: 145px; background-color: #ffffe1; left: 250px; overflow: auto; padding: 10px; line-height: 13px; box-sizing: border-box; } .aceHelpDom h3 { margin: 0; } .aceHelpDom br+br { font-size: 0; content: ""; margin: 7px; display: block; } .aceHelpDom hr { border-bottom: 0; opacity: .5; } .xpdResizebleRectangle { border: 2px dotted grey; position: absolute; display: inline-block; box-sizing: border-box; /* Картинки не существует, эту трюк для того чтобы была прозрачность + работали слои */ background: url(transparent.gif); } .xpdResizebleRectangle:hover { cursor: move; } .xpdResizebleRectangleBtn { position: absolute; width: 6px; height: 6px; background: white; z-index: 100; border: 1px solid grey; } .xpdResizebleRectangleBtn.H:hover { cursor: e-resize; } .xpdResizebleRectangleBtn.V:hover { cursor: n-resize; } .xpdResizebleRectangleBtn.LB-RT:hover { cursor: sw-resize; } .xpdResizebleRectangleBtn.LT-RB:hover { cursor: nw-resize; } .mask-top, .mask-bottom, .mask-left, .mask-right { position: absolute; background: black; opacity: .2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); } .itsUserAvatar { position: relative; display: inline-block; width: 100%; height: 100%; } .itsUserAvatar img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; } .itsUserAvatar.itsUserAvatarAutoResize img { width: auto !important; height: auto !important; } .itsUserAvatar > .itsUserAvatarEdit { position: absolute; bottom: 0; width: 100%; height: 40px; left: 0; opacity: .75; background: rgba(0, 0, 0, .35); transition: opacity 0.2s ease-out; overflow: hidden; } .itsUserAvatar:hover > .itsUserAvatarEdit { opacity: 1; transition: opacity 0.2s ease-out; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton { border: 0 none; background: rgba(0, 0, 0, .03); margin: 0; padding: 0; color: rgb(252, 252, 252); } .itsUserAvatar > .itsUserAvatarEdit > label, .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton, .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span { display: block; height: 100%; width: 100%; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span { padding: 0; border-radius: 0; margin: 0; line-height: 40px; background-color: rgba(0, 0, 0, .1); transition: background-color 0.1s ease-out; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .itsUserAvatar > .itsUserAvatarEdit > label > .itsButton > span:hover { background-color: rgba(0, 0, 0, .5); color: rgb(252, 252, 252); } .itsUserAvatarEmpty > span { display: inline-block; } .itsUserAvatarEmpty { position: relative; } .itsUserAvatar .itsUserAvatarDel { background: rgba(255, 78, 69, .75); width: 28px; height: 28px; position: absolute; top: 0; right: 0; line-height: 28px; text-align: center; opacity: 0; } .itsUserAvatar .itsUserAvatarDel:before { content: '\00d7'; color: rgb(250, 250, 250); font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 10px; } .itsUserAvatar:hover .itsUserAvatarDel { opacity: 0.7; } .itsUserAvatar .itsUserAvatarDel:hover { opacity: 1; cursor: pointer; } .showMaskSize { width: auto; display: inline-block; position: absolute; bottom: 0; background-color: rgba(0,0,0,0.5); color: #FFFFFF; font-weight: bold; padding: 3px 7px; } /* TODO test */ f-data[edit] .itsImgBody { overflow: hidden; } /* * 6127 * Временное решение, нужно убрать в перспективе **/ .picklist_avatar_micro { height: 100% !important; } .picklist_avatar_micro>[formelementclass="FormImage"] { position: absolute; } .picklist_avatar_micro>[formelementclass="FormContainer"] { position: relative !important; padding: 2px 10px 6px 7px !important; left: 34px; width: 209px; white-space: normal; } .picklist_avatar_micro>[formelementclass="FormContainer"]>.Post { min-height: 13px; } v-rotator { display: block; position: relative; z-index: 100; } v-rotator > v-container { position: relative; display: inline-block; overflow: hidden; white-space: nowrap; width: 100%; height: 100%; } v-rotator > v-container > v-item { width: 100%; height: 100%; display: inline-block; position: absolute; left: 0; } v-menu { /*position: absolute; bottom: -30px; height: 15px;*/ display: block; width: auto; z-index: 100; } [menu-bottom] v-menu, [menu-top] v-menu { display: block; position: absolute; text-align: center; z-index: 999; width: 100%; } [menu-left] v-menu, [menu-right] v-menu { margin-top: 10px; } [menu-bottom] v-menu { bottom: 10px; } [menu-top] v-menu { top: 10px; } [menu-left] v-menu>v-item, [menu-right] v-menu>v-item { display: block; margin-bottom: 4px; } [menu-left] v-menu, [menu-right] v-menu { position: absolute; top: 0; } [menu-left] v-menu { left: 10px; } [menu-right] v-menu { right: 10px; } v-menu v-item { border: 1px solid rgb(var(--gray600)); border-radius: 20px; display: inline-block; margin-right: 4px; vertical-align: middle; } v-menu v-item:not([caption]){ height: 24px; width: 24px; } v-item[caption] { padding: 4px 8px; box-sizing: border-box; margin-bottom: 2px; } v-menu v-item:hover { cursor: pointer; } v-menu v-item[caption]:after { display: none; } v-menu v-item[caption][current] { background-color: rgb(var(--gray600)); color: #FFF; } v-menu v-item:after { content: ''; border: 2px solid transparent; border-radius: 10px; height: 14px; width: 14px; display: inline-block; vertical-align: top; margin: 3px 1px; } [menu-left] v-menu v-item:after, [menu-right] v-menu v-item:after{ margin: 3px; } v-menu v-item.current:after, v-menu v-item[current]:after { background: rgb(var(--gray600)); } v-rotator > v-container > .RotatorItemClicable { cursor: pointer; } /*light green*/ .itsFormSectionStyle-light-green>.itsSectionHeader { color:white; /*background-color: rgb(0,166,222);*/ background-color: rgb(68,209,60); } .itsFormSectionStyle-light-green.itsSectionBorder>.itsSectionBody, .itsFormSectionStyle-light-green>.itsSectionHeader { /*border-color:rgb(0,166,222);*/ border-color:rgb(68,209,60); } .itsSectionHeader { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; width: 100%; padding: 0 15px; box-sizing: border-box; min-height: 40px; } .itsSectionHeader { border: 1px solid #e6e6e6; background: #f5f5f5; color: #333; font-size: 14px; } .itsSectionHeader > span { margin: 0; } .itsSectionHeader > span:nth-child(2) { flex: 1 1 auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .itsSectionHeader > span:first-child { flex: 0 0 25px; } .itsSection[state=open]>.itsSectionBody { border-top: 1px solid rgb(200,200,200); } .itsSection[state=close]>.itsSectionBody { border-top: 0 solid; } .itsSectionBodyOpen { min-height: 26px; } .itsSectionBtn { width: 25px; line-height: 25px; height: 25px; text-align: center; } .itsSectionBody { padding: 15px 0; box-sizing: border-box; } .itsSectionBorder>.itsSectionBody { border: 1px solid rgb(230, 230, 230); border-top: none; padding: 15px; } .itsSectionBody:not(.itsSectionBodyOpen){ display: none; } .xpdSlider { position: relative; border: solid 1px rgba(0, 0, 0, 0.3); height: 10px; box-sizing: border-box; cursor: default; padding-left: 1px; } .xpdSliderKnob { position: relative; border: solid 1px rgba(0, 0, 0, 0.3); background: rgb(230, 230, 230); height: 14px; width: 14px; top: -3px; box-sizing: border-box; cursor: default; } span.itsXMLTagName { font-weight:bold; } span.itsXMLVariable { color:#800; font-weight:100; } span.itsXMLComment { color:#888; font-weight:100; font-size:12px } .itsStylizeCodeXML div.xmlBrach { position: relative; } .itsStylizeCodeXML div>div.xmlBrach { vertical-align: top; display: block; margin-left: 57px; } .itsStylizeCodeXML { font-size: 12px; padding-left: 24px; box-sizing: border-box; } .itsStylizeCodeXML>span { margin: 24px; } .itsStylizeCodeXML div>.hideBranch { position: absolute; color: #800; border: 1px solid #800; width: 12px; font-size: 9px; text-align: center; margin: 0 0 1px 0; left: -18px; cursor: pointer; line-height: 11px; } .itsStylizeCodeXML div.hide>.hideBranch{ left: 2px; } .itsStylizeCodeXML div.hide, .itsStylizeCodeXML div>div.hide{ height: 15px; overflow: hidden; padding-left: 20px; margin-left: 37px; } .itsStylizeCodeXML span>div.hide{ margin-left: -20px; } .itsStylizeCodeXML .itsFirstXMLBlockElement, .itsStylizeCodeXML .itsLastXMLBlockElement { display: inline-block; } .itsStylizeCodeXML div.hide>* { display: none; } .itsStylizeCodeXML div.hide>.hideBranch, .itsStylizeCodeXML div.hide>.itsFirstXMLBlockElement, .itsStylizeCodeXML div.hide>.itsLastXMLBlockElement { display: block; } .itsStylizeCodeXML div.hide>.itsFirstXMLBlockElement:after { content: '...'; color: #800; } /* TEMP begin */ html, body, body > form { margin: 0; padding: 0; font-size: 13px; width: 100%; } @media screen and (min-width: 768px) { html, body, body > form { height: 100%; } } @media screen and (max-width: 768px) { html, body, body > form { /* overflow: visible;*/ height: 100%; } } /*html, body, body > form { margin: 0; padding: 0; height: 100%; width: 100%; font-size: 13px; }*/ /* TEMP end */ .xpdTabContainer > table { width: 100%; height: 100%; border-spacing: 0; } .xpdTabContainer > table > tbody > tr > td { margin: 0; padding: 0; vertical-align: top; } .xpdTabContainerTdBody { height: 100%; } .xpdTabContainerHead { height: 29px; white-space: nowrap; display: inline-block; border-spacing: 0; } .xpdTabContainerNoBorder > table > tbody > tr > .xpdTabContainerTdBody > .xpdTabContainerBody { border-left: none; border-right: none; border-bottom: none; } /*.xpdTabContainerNoBorder.tab-ort-bottom:not([class*="tab-v-flat"])> table > tbody > tr > .xpdTabContainerTdBody > .xpdTabContainerBody { border-left: none; border-right: none; border-top: none; }*/ .xpdTabContainerBody { height: 100%; box-sizing: border-box; border: 3px solid rgb(230, 230, 230); padding-top: 10px; } /*.xpdTabContainerBody { border: 3px solid rgb(230, 230, 230); padding-top: 10px; }*/ .tabButton { height: 29px; display: inline-block; box-sizing: border-box; overflow: hidden; vertical-align: top; position: relative; } .currentTab.tabButton { border-bottom: none; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton, .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable { border-bottom: none; font-size: 11px; background: rgba(0, 0, 0, .15); box-sizing: border-box; border: 0; border-right: 1px solid rgba(255, 255, 255, .2); margin: 0; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .currentTab { height: 24px !important; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton:hover, .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable:hover { background: rgba(0, 0, 0, .1); line-height: 13px; border: 0; border-right: 1px solid rgba(255, 255, 255, .2); } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton:hover .tabTitle { color: rgba(255, 255, 255, .75); } .itsHomeTabConteiner > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 26px; background: rgb(0, 99, 177); } .itsHomeTabConteiner > table > tbody > tr > .xpdTabContainerTdBody > .xpdTabContainerBody { border: 0; padding: 0; } .itsHomeTabConteiner .tabButton.currentTab .tabTitle { color: rgb(60, 60, 60) !important; } .tabButton[resizeble="false"] { min-width: 30px; } .tabContent.currentTab { height: 100%; overflow: auto; box-sizing: border-box; } .tabContent.currentTab > .itsContainerVertical { min-height: 30px; overflow: hidden; } .tabTitle { padding: 0 15px; display: inline-block; width: 100%; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; line-height: 29px; color: #000; } .tabButton:not(.currentTab) > .tabTitle, .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton:not(.currentTab) > .tabCloseButton:before { color: rgb(130, 130, 130); } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton > .tabTitle { color: rgba(255, 255, 255, .75); padding: 0 10px 0 9px; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable:not(.currentTab) > .tabTitle { color: rgba(255, 255, 255, .75); padding: 0 10px 0 9px; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable:not(.currentTab) > .tabCloseButton:before { color: rgba(255, 255, 255, .75); padding: 5px; } .tabButton:not(.currentTab):hover > .tabTitle { color: rgb(80, 80, 80); } .tabButton:not(.currentTab):hover, .tabButton:not(.currentTab):hover > .tabCloseButton { cursor: pointer; border-bottom-style: solid; border-bottom-width: 3px; border-color: rgb(114, 181, 235); /*border-bottom: 3px solid rgb(114, 181, 235);*/ } .tabCloseButton { display: inline-block; padding: 6px 4px; position: absolute; right: 0; top: 0; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable > .tabTitle { padding-right: 29px; } .tabCloseButton:before { width: 10px; height: 10px; opacity: .3; font-size: 7px; border-radius: 100%; padding: 5px; box-sizing: border-box; } .tabCloseButton:hover { cursor: pointer; } .itsHomeTabConteiner .xpdAppTab { text-align: center; width:50px !important; } :not(.itsHomeTabConteiner) > table > tbody > tr > td > div > div > .tabButton.closable { padding-right: 15px; } .tabButton.currentTab, .tabButton.currentTab:hover { height: 29px; border-bottom-style: solid; border-bottom-width: 3px; border-color: rgb(39, 141, 224); line-height: 14px } .itsHomeTabConteiner .currentTab { background: #fff !important; } .itsHomeTabConteiner .xpdAppTab > .tabTitle { font-size: 0; height: 26px; line-height: 26px; } .itsHomeTabConteiner .xpdAppTab > .tabTitle:BEFORE { content: '\002b'; display: inline-block; font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 13px; } .tabCloseButton:hover:before { opacity: 1; color: rgb(250, 250, 250); background: rgba(255, 78, 69, .75); } .tabContent { display: none; } .tabContent.currentTab { display: block; } .tabContent { box-sizing: border-box; } .xpdTabContainerScrollButtonPanel { position: relative; height: 26px; } .xpdTabContainerLeftScrollButton { left: 0; } .xpdTabContainerLeftScrollButton, .xpdTabContainerRightScrollButton, .xpdTabContainerListScrollButton { position: absolute; bottom: 0; height: 26px; width: 30px; right: 0; line-height: 28px; text-align: center; font-size: 12px; display: inline-block; } .xpdTabContainerLeftScrollButton:hover, .xpdTabContainerRightScrollButton:hover, .xpdTabContainerListScrollButton:hover { cursor: pointer; background: rgba(0, 0, 0, .1); } .xpdTabContainerLeftScrollButton:hover:after, .xpdTabContainerRightScrollButton:hover:after, .xpdTabContainerListScrollButton:hover:after { opacity: 1; } .xpdTabContainerListScrollButton:after { content: '\f48b'; display: inline-block; font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 13px; color: rgba(255, 255, 255, .2); } .xpdTabContainerListScrollButton:hover:after { color: rgba(255, 255, 255, .5); } .xpdTabContainerList { width: auto; display: none; border: 1px solid rgb(0, 99, 177); background: #fff; text-align: left; line-height: 18px; z-index: 11; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); margin-top: -3px; } .xpdTabContainerList > div { max-height: 500px; min-width: 300px; overflow: auto; position: relative; padding: 5px 0; box-sizing: border-box; } .xpdTabContainerList > div > div { display: block; position: relative; } .xpdTabContainerList > div > div > span { display: inline-block; width: 100%; padding: 7px 10px 7px 20px; box-sizing: border-box; } .xpdTabContainerList > div > div > span:hover { cursor: pointer; background: rgba(0, 0, 0, .03); } .xpdTabContainerList > div > div > .tabCloseButton { position: absolute; right: 0; top: 0; } .xpdTabContainerCloseAllBtn { border-top: 1px solid rgb(220, 220, 220); background: rgb(0, 83, 149); color: #fff; cursor: pointer; position: absolute; bottom: 0; width: 100%; text-align: center; line-height: 30px; display: block; } .xpdTabContainerCloseAllBtn:hover { background: rgb(0, 99, 177); } /*-----------------Main Tab Container Style---------------------*/ .itsHomeTabConteiner .xpdTabContainerScrollButtonPanel .xpdTabContainerHead { overflow: hidden; } .itsHomeTabConteiner .tabButton { height: 26px; } .itsHomeTabConteiner .tabButton.currentTab { border: 0 !important; } .itsHomeTabConteiner .xpdCirclePreloader { transform: rotate(360deg); } .itsHomeTabConteiner .tabButton.xpdAppTab { border: 0; background: transparent; } .itsHomeTabConteiner .tabButton.xpdAppTab:hover { border-right: 0 !important; } .itsHomeTabConteiner .tabButton.xpdAppTab:before { display: none; } .itsHomeTabConteiner .tabButton.xpdAppTab.currentTab:before { display: block; } .itsHomeTabConteiner .tabButton:first-child:before { -webkit-transform: skewX(-12deg); -moz-transform: skewX(-12deg); -o-transform: skewX(-12deg); border-radius: 0; } .itsHomeTabConteiner .currentTab.tabButton { z-index: 2; } .itsHomeTabConteiner .tabButton.currentTab, .tabButton.currentTab:hover { height: 29px; } .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton, .itsHomeTabConteiner > table > tbody > tr > td > div > div > .currentTab.tabButton.closable, .itsHomeTabConteiner > table > tbody > tr > td > div > div > .tabButton.closable { height: 26px !important; } .itsHomeTabConteiner .tabButton span, .itsHomeTabConteiner .tabButton div { display: block; white-space: nowrap; overflow: hidden; } .itsHomeTabConteiner .tabButton span { box-sizing: border-box; line-height: 28px; } .itsHomeTabConteiner .tabButton:not(.currentTab):hover > .tabTitle { background: rgba(0, 0, 0, 0) !important; } .itsHomeTabConteiner .xpdCirclePreloader { -webkit-transform: skewX(0deg); -webkit-animation: clockwise1 .75s linear 0s infinite; animation: clockwise1 .75s linear 0s infinite; } /* Устаревание табов главной страницы*/ .itsHomeTabConteiner .not_active_1 { background:rgba(255,255,255,0) !important; } .itsHomeTabConteiner .not_active_2 { background:rgba(255,255,255,.05) !important; } .itsHomeTabConteiner .not_active_3 { background:rgba(255,255,255,.1) !important; } .itsHomeTabConteiner .not_active_4 { background:rgba(255,255,255,.15) !important; } .itsHomeTabConteiner .not_active_5 { background:rgba(255,255,255,.2) !important; } .itsHomeTabConteiner .not_active_6 { background:rgba(255,255,255,.25) !important; } .itsHomeTabConteiner .not_active_7 { background:rgba(255,255,255,.3) !important; } .itsHomeTabConteiner .not_active_8 { background:rgba(255,255,255,.35) !important; } .itsHomeTabConteiner .not_active_9 { background:rgba(255,255,255,.4) !important; } .itsHomeTabConteiner .not_active { background:rgba(255,255,255,.45) !important; } @keyframes clockwise1 { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @-webkit-keyframes clockwise1 { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes clockwise1 { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-o-keyframes clockwise1 { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } .xpdAppMailToolbar { padding: 5px 5px 5px 0 !important; background: rgb(245, 245, 245); } .tabButton .xpdHomeTabLink { position: absolute; left: 0; top: 0; border: 7px solid transparent; } .tabButton:hover .xpdHomeTabLink { border-top-color: rgba(0, 0, 0, .1); border-left-color: rgba(0, 0, 0, .1); } .tabButton .xpdHomeTabLink:hover, .tabButton:hover .xpdHomeTabLink:hover { border-top-color: rgba(0, 0, 0, .5); border-left-color: rgba(0, 0, 0, .5); cursor: pointer; } .tabButton.c1 .xpdHomeTabLink { border-top-color: rgb(var(--amber500)); border-left-color: rgb(var(--amber500)); } .tabButton.c2 .xpdHomeTabLink { border-top-color: rgb(var(--light-green500)); border-left-color: rgb(var(--light-green500)); } .tabButton.c3 .xpdHomeTabLink { border-top-color: rgb(var(--cyan500)); border-left-color: rgb(var(--cyan500)); } .tabButton.c4 .xpdHomeTabLink { border-top-color: rgb(var(--deep-orange500)); border-left-color: rgb(var(--deep-orange500)); } .tabButton.c5 .xpdHomeTabLink { border-top-color: rgb(var(--lime500)); border-left-color: rgb(var(--lime500)); } .tabButton.c6 .xpdHomeTabLink { border-top-color: rgb(var(--light-blue500)); border-left-color: rgb(var(--light-blue500)); } .tabButton.c7 .xpdHomeTabLink { border-top-color: rgb(var(--purpleA400)); border-left-color: rgb(var(--purpleA400)); } /*custom tabcontainer styles*/ .tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 29px; } .tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton { border: solid 1px rgb(230, 230, 230); border-right: solid 1px rgb(185, 185, 185); background-color: rgb(241, 241, 241); } .tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabTitle { color: rgb(117, 117, 117); text-align: center; } .tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton.currentTab { border: solid 1px rgb(230, 230, 230); border-bottom: solid 1px white; background-color: white; } .tab-v-flat > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton.currentTab .tabTitle { color: black; } .tab-v-flat > table > tbody > tr > td > .xpdTabContainerBody { border: 1px solid rgb(230, 230, 230); } /*----------*/ /*.tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: 39px; } .tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton { border: none; background-color: white; text-transform: uppercase; padding-top: 7px; height: 40px !important; } .tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabTitle { color: rgb(66, 139, 202); } .tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton.currentTab { font-weight: 500; background-color: rgb(245, 245, 245); } .tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel .tabButton.currentTab .tabTitle { color: black; } .tab-v-simple.tab-bg-gray200 > table > tbody > tr > td > .xpdTabContainerBody { background-color: rgb(245, 245, 245); padding: 20px; border: none; }*/ /*----------*/ /*custom tabcontainer styles*/ .xpdTabContainerHead.unlimitHead .xpdTabContainerListScrollButton:before { content: '\f48b'; display: inline-block; font-family: 'WebHostingHub-Glyphs'; font-style: normal; font-size: 13px; color: rgba(230, 230, 230, 1); } .xpdTabContainerHead.unlimitHead .xpdTabContainerListScrollButton:after { display: none; } .xpdTabContainerHead.unlimitHead > .xpdTabContainerListScrollButton .counterHideTabs { display: inline-block; padding: 0 6px; vertical-align: top; font-weight: bold; color: rgba(130, 130, 130, 0.7); } .xpdTabContainerHead.unlimitHead > .xpdTabContainerListScrollButton { padding: 0 10px; } .xpdTabContainerHead.unlimitHead > .xpdTabContainerListScrollButton:hover { background: rgba(33, 33, 33, 0.1); } .xpdTabContainerHead.unlimitHead > .xpdTabContainerListScrollButton:hover:before { color: rgba(130, 130, 130, 0.7); } .xpdTabContainerHead.unlimitHead > .xpdTabContainerListScrollButton > .xpdTabContainerList { border: 0; background-color: rgb(245, 245, 245); margin-top: 3px; } /*-------xpd_stages-------------*/ .StagesProgressBar { display: block; height: 4px; } .adminTab .xpdTabContainerListScrollButton:after { content: '\f127'; color: rgba(255, 255, 255, .75) } .adminTab .xpdTabContainerListScrollButton:hover:after { color: rgba(255, 255, 255, .75) } .adminTab .curtainTab { position: absolute; height: 452px; width: 350px; right: 0; box-shadow: -2px 4px 8px 0 rgba(0,0,0,0.1); background-color: #fff; transition: all 0.2s ease-in-out; transition-property: box-shadow, width; overflow: hidden; } /*.adminTab[multiline-enabled] .curtainTab { margin-top: 3px; }*/ .adminTab .curtainTab.hide { box-shadow: none; width: 0; } .curtainTab_buttonsCont { width: 350px; } .curtainTab_buttonsCont hr { margin: 0; } .curtainTab_buttonsCont .xpdTabContainerList { display: block !important; position: relative !important; border: none; margin-top:0; background-color: #fff; overflow: hidden; box-shadow: none; } .curtainTab_buttonsCont .xpdTabContainerList > div { max-height: unset; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton { border-top: 1px solid rgba(255, 255, 255, 0.2); } .itsHomeTabConteiner.adminTab[multiline-enabled] > table > tbody > tr > td > div > div > .tabButton.closable:hover { border-top: 1px solid rgba(255, 255, 255, 0.2); } .itsHomeTabConteiner.adminTab[multiline-enabled] .xpdAppTab { border-top: none; } .show_multiline { padding: 8px 21px; width: 350px; box-sizing: border-box; position: absolute; bottom: 0; } .show_multiline input[type="checkbox"] { padding-top: 3px; } .adminTab .xpdTabContainerHead, [multiline-enabled="true"] .xpdTabContainerHead { height: auto; white-space: normal; display: block; } [multiline-enabled="true"] .xpdTabContainerHead { width: 100%; } .itsHomeTabConteiner.adminTab .xpdTabContainerScrollButtonPanel .xpdTabContainerHead { overflow: auto; } .itsHomeTabConteiner.adminTab[multiline-enabled] > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel, [multiline-enabled="true"] > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { height: auto; } /*[multiline-enabled="true"]:not(.itsHomeTabConteiner) > table > tbody > tr > td > .xpdTabContainerScrollButtonPanel { margin-bottom: -3px; }*/ .itsHomeTabConteiner.adminTab[multiline-enabled] > table > tbody > tr > td > div > div > .currentTab.tabButton.closable { height: 25px !important; min-width: 50px !important; margin-top: 1px; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton.closable { max-width: 400px; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton.closable > .tabTitle { padding-right:9px !important; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton.closable > .tabCloseButton { opacity: 0; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton.closable:hover > .tabCloseButton { opacity: 1; background: rgba(0, 89, 159,.7); } .itsHomeTabConteiner.adminTab[multiline-enabled] .currentTab.tabButton.closable:hover > .tabCloseButton{ background: #fff; } .itsHomeTabConteiner.adminTab[multiline-enabled] .tabButton.notloaded { opacity:.7; } .itsHomeTabConteiner.adminTab .xpdTabContainerCloseAllBtn.hide { display: none; } .itsHomeTabConteiner.adminTab .xpdTabContainerCloseAllBtn { background: transparent; color: rgb(66, 139, 209); border-top: 0; } .itsHomeTabConteiner.adminTab .xpdTabContainerCloseAllBtn:hover { background: rgba(0, 0, 0, .04); text-decoration: underline; } /*Blue*/ .itsTableStyle-blue { border-collapse: collapse; } .itsTableStyle-blue>tbody>tr:first-child>td, .itsTableStyle-blue>tbody>tr:last-child>td { border-bottom: 2px solid rgba(220, 220, 220, 1); } /**/ .itsTableStyle-grey { border-collapse: collapse; } .itsTableStyle-grey>tbody>tr>td { border: 1px solid rgba(220, 220, 220, 1); } table td.columnfilteractive i.icon-filter { color: rgb(var(--red400)); } .xpdTooltipMessage { background: rgb(55, 55, 55); color: #fff; border: 1px solid rgb(55, 55, 55); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.175); z-index: 9000; margin: 6px; padding: 10px 12px; border-radius: 3px; display: none; } .bubleDom { box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .xpdInputInvalidMessage { color: #fff; } .xpdTooltipArrow { background: rgb(55, 55, 55); display: inline-block; position: absolute; width: 10px; height: 10px; transform: rotate(45deg); z-index: -1; } /*TOP*/ .xpdTooltipMessage.xpdTooltip_tr, .xpdTooltipMessage.xpdTooltip_tl, .xpdTooltipMessage.xpdTooltip_UP { margin-bottom: 6px; } .xpdTooltipMessage.xpdTooltip_tr > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_tl > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_UP > .xpdTooltipArrow { bottom: -6px; border-top: none; border-left: none; } .xpdTooltipMessage.xpdTooltip_tr > .xpdTooltipArrow { left: 20px; } .xpdTooltipMessage.xpdTooltip_tl > .xpdTooltipArrow { right: 20px; } /*RIGHT*/ .xpdTooltipMessage.xpdTooltip_rt, .xpdTooltipMessage.xpdTooltip_rb, .xpdTooltipMessage.xpdTooltip_RIGHT { margin-left: 6px; } .xpdTooltipMessage.xpdTooltip_rt > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_rb > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_RIGHT > .xpdTooltipArrow { top: 11px; left: -4px; } .xpdTooltipMessage.xpdTooltip_RIGHT > .xpdTooltipArrow { left: -6px; } /*BOTTOM*/ .xpdTooltipMessage.xpdTooltip_br, .xpdTooltipMessage.xpdTooltip_bl, .xpdTooltipMessage.xpdTooltip_DOWN { margin-top: 6px; } .xpdTooltipMessage.xpdTooltip_br > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_bl > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_DOWN > .xpdTooltipArrow { top: -6px; } .xpdTooltipMessage.xpdTooltip_br > .xpdTooltipArrow { left: 20px; } .xpdTooltipMessage.xpdTooltip_bl > .xpdTooltipArrow { right: 20px; } /*LEFT*/ .xpdTooltipMessage.xpdTooltip_lt, .xpdTooltipMessage.xpdTooltip_lb, .xpdTooltipMessage.xpdTooltip_LEFT { margin-right: 6px; } .xpdTooltipMessage.xpdTooltip_lt > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_lb > .xpdTooltipArrow, .xpdTooltipMessage.xpdTooltip_LEFT > .xpdTooltipArrow { top: 11px; right: -4px; } .xpdTooltipMessage.xpdTooltip_LEFT > .xpdTooltipArrow { top: 11px; right: -6px; } /*PickList*/ .xpdTooltipPickList { color: initial; text-decoration: initial; background: #fff; border: 1px solid rgb(200, 200, 200); border-bottom: 1px solid rgb(180, 180, 180); } .xpdTooltipPickList .xpdTooltipArrow { background: rgb(255, 255, 255); } .xpdTooltipPickList.xpdTooltip_tr > .xpdTooltipArrow, .xpdTooltipPickList.xpdTooltip_tl > .xpdTooltipArrow, .xpdTooltipPickList.xpdTooltip_UP > .xpdTooltipArrow { border: 1px solid rgb(180, 180, 180); border-top: none; border-left: none; } .xpdTooltipPickList.xpdTooltip_br > .xpdTooltipArrow, .xpdTooltipPickList.xpdTooltip_bl > .xpdTooltipArrow, .xpdTooltipPickList.xpdTooltip_DOWN > .xpdTooltipArrow { border: 1px solid rgb(180, 180, 180); border-bottom: none; border-right: none; } .xpdTooltipPickList.xpdTooltip_RIGHT > .xpdTooltipArrow { border: 1px solid rgb(180, 180, 180); border-right: none; border-top: none; } .xpdTooltipPickList.xpdTooltip_LEFT > .xpdTooltipArrow { border: 1px solid rgb(180, 180, 180); border-bottom: none; border-left: none; } .xpdTooltipMessage.xpdTooltip_WithPriority { -webkit-box-shadow: none; box-shadow: none; margin: 0; } .xpdTooltipMessage.xpdTooltip_WithPriority > .xpdTooltipArrow { display: none; } /*-------------------------------------------------*/ .bubleDom { overflow: initial !important; } .xpdBubbleArrow { border: 1px solid rgb(190, 190, 190); background: white; display: inline-block; position: absolute; width: 10px; height: 10px; transform: rotate(45deg); z-index: -1; } /*TOP*/ .bubleDom.xpdTooltip_tr, .bubleDom.xpdTooltip_tl { margin-bottom: 6px; border-bottom: 2px solid grey !important; } .bubleDom.xpdTooltip_tr > .xpdBubbleArrow, .bubleDom.xpdTooltip_tl > .xpdBubbleArrow { bottom: -6px; border-top: 0; border-left: 0; } .bubleDom.xpdTooltip_tr > .xpdBubbleArrow { left: 7px; } .bubleDom.xpdTooltip_tl > .xpdBubbleArrow { right: 7px; } /*------6870----------*/ .bubleDom.xpdTooltip_tl > .xpdBubbleArrow { bottom: -7px; border-bottom: 2px solid grey; border-right: 2px solid grey; } .bubleDom.xpdTooltip_br { border-top: 2px solid grey !important; } .bubleDom.xpdTooltip_br > .xpdBubbleArrow { border-left: 2px solid grey; border-top: 2px solid grey; margin-top: -1px; } .bubleDom.xpdTooltip_lb>.xpdBubbleArrow { border-left: 0; border-bottom: 0; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; right: -6px !important; } .prettyHelp.bubleDom.xpdTooltip_lb>.xpdBubbleArrow { top: 103px; border-left: 0; border-bottom: 0; border-right: 1px solid #bebebe; border-top: 1px solid #bebebe; right: -6px !important; } .prettyHelp.bubleDom.xpdTooltip_lb { border-right: 2px solid grey !important; } .prettyHelp.bubleDom.xpdTooltip_lb>.xpdBubbleArrow { border-right: 2px solid grey !important; border-top: 2px solid grey !important; } /*------6870----------*/ /*RIGHT*/ .bubleDom.xpdTooltip_rt, .bubleDom.xpdTooltip_rb { margin-left: 6px; } .bubleDom.xpdTooltip_rt > .xpdBubbleArrow, .bubleDom.xpdTooltip_rb > .xpdBubbleArrow { top: 11px; left: -4px; } /*BOTTOM*/ .bubleDom.xpdTooltip_br, .bubleDom.xpdTooltip_bl { margin-top: 6px; } .bubleDom.xpdTooltip_br > .xpdBubbleArrow, .bubleDom.xpdTooltip_bl > .xpdBubbleArrow { top: -6px; border-right: 0; border-bottom: 0; } .bubleDom.xpdTooltip_br > .xpdBubbleArrow { left: 7px; } .bubleDom.xpdTooltip_bl > .xpdBubbleArrow { right: 7px; } /*LEFT*/ .bubleDom.xpdTooltip_lt, .bubleDom.xpdTooltip_lb { margin-right: 6px; } .bubleDom.xpdTooltip_lt > .xpdBubbleArrow, .bubleDom.xpdTooltip_lb > .xpdBubbleArrow { top: 11px; right: -4px; } .itsFeedClicable > div > span { cursor: pointer; color: rgb(51, 102, 204); } .itsFeedClicable > div > span:hover { text-decoration: underline; } .itsFeedViewNavigateArea > span { font-size: 24px; } .itsFeedViewNavigateArea { padding-left: 10px; display: inline-block; } .itsFeedViewCategoryItem { display: block; font-size: 24px; } .itsFeedViewNavigateCover { padding-right: 10px; padding-left: 10px; } .itsFeedViewNavigateTitle { font-weight: bold; } .itsFeedResreshBtn { width: 30px; text-align: center; line-height: 30px; opacity: .5; } .itsFeedResreshBtn:hover { opacity: .85; cursor: pointer; } .itsFeedDefaultBackground.itsContainerLazyChildsParent.itsContainerLazyScrollArea .itsFeedHover:hover td { background: rgba(0, 0, 0, 0); } .itsFeedHover:hover td { background: rgba(0, 0, 0, .08); } .itsFeedViewNavigateCover, .itsFeedViewNavigateItem { color: rgb(153, 153, 153); } .itsFeedApp { background: rgb(251, 251, 251); position: relative; overflow: hidden; outline: 1px solid rgb(240, 240, 240); } .itsFeedApp .itsFeedAppImage, .itsFeedApp .itsFeedAppImage > div, .itsFeedApp .itsFeedAppImage > div:first-child, .itsFeedApp img { height: 100px; width: 160px; } .itsFeedApp .itsFeedAppImage { position: absolute; background: rgb(250, 250, 250); } .itsFeedApp .itsFeedAppImage > div { position: relative; } .itsFeedApp .itsFeedAppDocumentCounterOn, .itsFeedApp .itsFeedAppDocumentCounterOff { position: absolute; right: 0; bottom: 0; padding: 0 5px; line-height: 26px; color: rgb(255, 255, 255); } .itsFeedApp .itsFeedAppDocumentCounterOn { background: rgb(0, 150, 50); } .itsFeedApp .itsFeedAppDocumentCounterOff { background: rgb(155, 155, 155); } .itsFeedApp .itsFeedAppBody { width: 100%; min-height: 73px; box-sizing: border-box; padding: 10px 15px 5px 174px; position: relative; } .itsFeedApp .itsFeedAppMenu, .itsFeedApp .itsFeedAppSpace { float: right; margin: 0 0 0 7px; } .itsFeedApp .itsFeedAppMenu { width: 16px; height: 16px; } .itsFeedApp .itsFeedAppBody > span { display: block; } .itsFeedAppBody .itsFeedAppDatabasePath { color: rgb(150, 150, 150); line-height: 12px; display: inline-block !important; font-size: 12px; } .itsFeedAppBody .itsFeedAppServerName { color: blueviolet; line-height: 12px; display: inline-block !important; font-size: 12px; margin-left: 10px; } .itsFeedAppBody .itsFeedAppServerName:before { content: "("; } .itsFeedAppBody .itsFeedAppServerName:after { content: ")"; } .itsFeedApp .itsFeedAppComment { color: rgb(77, 77, 77); position: absolute; bottom: 0; font-size: 12px; } .itsFeedApp .itsFeedAppError { background: rgb(190, 37, 37); padding: 10px; color: #fff; } .itsFeedApp .itsFeedAppBody > div { display: block; width: 100%; box-model: border-box; } .itsFeedApp .itsFeedAppBody > .itsFeedAppName { font-size: 16px; color: #000; line-height: 15px; } .itsFeedAppActions { line-height: 26px; margin-left: 160px; padding-left: 15px; background: rgb(244, 244, 244); } .itsFeedAppActions > span { padding: 0 20px 0 0; color: rgb(66, 139, 209); font-size: 13px; } .itsFeedAppActions > span:hover { text-decoration: underline; } .itsFeedAppActions > span.open_app { float: right; color: #999; background: rgba(0,0,0,.04); padding: 0 15px; } .itsFeedAppActions > span.open_app:hover { text-decoration: none; color: #777; background: rgba(0,0,0,.08); cursor:pointer; } .itsFeedAppBody > .icon-menu { font-size: 16px; color: rgba(155, 89, 74, .6); } .itsFeedAppBody > .icon-codfield_frome { font-size: 16px; color: rgba(236, 32, 66,.6); } .itsFeedAppBody > .icon-database { font-size: 16px; color: rgba(122, 155, 74, .6); } .itsFeedAppBody > .itsFeedAppSpace { color: rgb(100, 150, 150); } .itsFeedHover:hover > .itsContainerVertical { background: rgba(24, 102, 231, .05); } .itsFeedHover > .itsContainerVertical .itsContainerVertical { background: rgba(255, 255, 255, 1); } .itsView td > div * /*:not(.itsInputBody)*/ { line-height: 15px; word-break: break-word; white-space: normal; } .itsScrollPanelBottom[create-from-js] { width: 100%; position: fixed; padding: 1px 5px 9px 9px; bottom: 0; box-sizing: border-box; background-color: #FFF; z-index: 100; } /*4077*/ .itsViewScrollBody { height: 100%; width: 100%; overflow: auto; } .itsGrid .itsViewScrollBody:not([inited]) { height: auto; } .itsContainerLazyScrollArea { /*Test fix */ overflow-y: auto; overflow-x: auto; } .itsGrid { height: 100%; position: relative; } .itsGridTableGlobal { height: 100%; width: 100%; display: table; } .itsGridTableGlobalHeaderRow { width: 100%; display: table-row; } .itsGridTableHeader { width: 100%; } .itsGridTableGlobalBodyCell { display: table-cell; } .itsGridDataTable { width: 100%; } /*---------itsGridSelect---------*/ .itsGridSelect { position: relative; } .itsGridSelect:not(.icon-ok):before { content: ""; } .itsGridSelect:before { display: block; width: 11px; height: 11px; position: relative; top: 2px; left: 9px; } .itsGridSelectYes:before { height: 11px; width: 11px; display: block; position: absolute; top: 4px; left: 10px; font-size: 12px; } .itsGridSelectYes:not(.icon-ok):before { border: 1px solid rgb(66, 139, 202); content: ""; } .itsGridSelectYes.icon-ok { color: rgba(120, 120, 120, 1); line-height: 6px; } .itsGridSelectedRow { background: rgb(255, 255, 204) !important; } /*4077*/ .itsViewScrollBody > table > tbody > tr > td > div { min-height: 17px; box-sizing: border-box; vertical-align: top; } .itsViewColumnClick { position: relative; } .itsViewColumnClick > div > span:hover { cursor: pointer; } .itsViewColumnClick:hover > div > span { text-decoration: none; } table td.itsViewColumnClick>div:first-child, table td.itsViewSortAsc>div:first-child, table td.itsViewSortDesc>div:first-child, table td.actionarea>div:first-child { display: flex; } table td.itsViewColumnClick>div:first-child>span, table td.itsViewSortAsc>div:first-child>span, table td.itsViewSortDesc>div:first-child>span, table td.actionarea>div:first-child>span { display: block; /*flex-grow: 1;*/ } table td i.icon-filter { color: #999; /*display: block; right: 3px; top: 0;*/ width: 20px; min-width: 20px; /* min-height: 32px;*/ /*TODO test filter adama*/ text-align: center; /*padding: 9px 2px 0 0; box-sizing: border-box; margin-bottom: -12px;*/ z-index: 1; opacity: .5; padding-right: 4px; } table td i.icon-filter:before { top: 50%; margin-top: -7px; margin-left: -6px; position: absolute; } table td i:hover { cursor: pointer; opacity:.7; } table td.active i, table td.actionareaactive i { color:red; } .itsViewSortAsc > div > span:after, .itsViewSortAscActive > div > span:after, .itsViewSortDesc > div > span:before, .itsViewSortDescActive > div > span:before { display: inline-block; position: absolute; font-family: WebHostingHub-Glyphs; font-size: 8px; line-height: 1px; } .itsViewSortAsc > div > span:after { content: "\f48a"; right: 5px; opacity: 0.5; top: 50%; margin-top: -4px; } .itsViewSortAscActive > div > span:after { content: "\f48a"; color: black; right: 5px; top: 50%; margin-top: -4px; } .itsViewSortDesc > div > span:before { content: "\f48b"; right: 5px; opacity: 0.5; top: 50%; margin-top: 4px; } .itsViewSortDescActive > div > span:before { content: "\f48b"; color: black; right: 5px; top: 50%; margin-top: 4px; } .itsViewSortDesc > div> span:hover:before, .itsViewSortAsc > div > span:hover:after { opacity: 1; } .itsView { overflow: hidden; width: 100%; height: 100%; /*4077*/ } .itsView tbody { height: 100% } .itsMWbody .itsView > div { margin-top: 0; } .itsView table { border-spacing: 0; } .itsView > tbody, .itsView > tbody > tr { width: 100%; } .itsViewBody > div { overflow: auto; } .itsViewBody { /*4077*/ width: 100%; display: table-row; height: 100%; } .itsViewBody > div > div > table > tbody > tr > td { padding: 7px 0 5px 0; } .itsViewMobile .itsViewBody > div > div > table > tbody > tr > td { padding: 10px 0 !important; } .itsViewHead td>div>span { overflow: hidden; text-overflow: ellipsis; box-sizing: content-box; font-size: 12px; position: relative; vertical-align: middle; display: block; line-height: 12px; word-break: normal; white-space: normal; padding: 4px 2px 0 2px; /*padding-top: 4px; padding-left: 2px; padding-right: 2px; padding-bottom: 0;*/ } .itsViewHead td.itsViewColumnClick:not(.actionarea) > div > span { padding-right: 20px; } .itsViewHead td.actionarea:not(.itsViewColumnClick) > div > span { padding-right: 10px; } .itsViewHead td.itsViewColumnClick.actionarea > div > span { padding-right: 24px; margin-right: -5px; } /*--if exist filter--*/ .itsViewSortAsc.actionarea>div>span:after, .itsViewSortAscActive.actionarea>div>span:after, .itsViewSortDesc.actionarea>div>span:before, .itsViewSortDescActive.actionarea>div>span:before{ right: 9px; } .itsViewHead { border-bottom: 3px solid rgb(230, 230, 230); position: relative; padding-top: 1px; background: #FFF; } .itsMWbody .itsViewHead { background: transparent; } .itsViewHead td { position: relative; height: 100%; } .itsViewHead * { white-space: nowrap; } .itsViewHead td[dndrole]:hover { background-color: rgba(70, 139, 194, 0.03); } .itsViewHead > table > tbody > tr.xpdDndDragOn > td:not(.itsViewRefreshButton) { outline: dashed 1px rgba(230, 230, 230, 1); background-color: white; } .itsViewHead > table > tbody > tr.xpdDndDragOn { border: none !important; overflow: hidden; padding: 0 !important; background-color: rgba(245, 245, 245, 0.5); } .itsViewHead > table > tbody > tr > td > div > span { /* padding-top: 8px; padding-bottom: 9px;*/ padding-top: 4px; padding-bottom: 0; min-height: 14px !important; } .itsViewHead > table > tbody > tr.tdR > td > div > span { padding-right: 10px; } .itsViewHead > table > tbody > tr > div.xpdDndAvatar { position: absolute; opacity: 0.1; height: 100%; width: 100%; background-color: rgb(242, 242, 92); } .itsView > table > tbody > tr:nth-child(1) { height: 10px; } .itsViewCategory:hover, .itsViewCC:hover, .itsViewTwistie:hover, .itsViewRefreshBtn:hover { cursor: pointer; } .itsViewSearchInfo { color: rgb(119, 119, 119); display: inline-block; } .itsViewSearchInfo span:nth-child(2) { padding: 0 5px 2px 5px; margin: 5px; position: relative; bottom: 2px; font-weight: 800; border-radius: 8px; } .itsViewSearchInfo span:nth-child(2):hover { cursor: pointer; } .itsViewSearch > div { vertical-align: top; } .itsViewSearch { position: relative; } .itsInput > div > .xpdRichText { word-break: break-word; } .itsViewSearch .itsInput { margin-top: 0; padding-top: 0; } .itsViewSearch .itsButton { margin: 0; height: 26px; position: relative; top: 2px; } .itsViewTwistieOpened { left: -3px; } .itsViewTwistieClosed, .itsViewTwistieOpened { display: inline-block !important; height: 13px; position: relative; top: 0; vertical-align: top; } .itsViewTwistieClosed + span, .itsViewTwistieOpened + span { white-space: normal; display: inline-block !important; padding-right: 20px; padding-left: 0 !important; } .itsViewTwistieClosed:before, .itsViewTwistieOpened:before { content: ""; display: block; height: 20px; width: 20px; position: absolute; } .itsViewTwistieClosed:after, .itsViewTwistieOpened:after { content: ""; display: block; width: 0; height: 0; border: 6px solid transparent; position: relative; opacity: .5; } .itsViewTwistieClosed:hover:after, .itsViewTwistieOpened:hover:after { opacity: 1; cursor: pointer; } .itsViewTwistieClosed:after { top: 3px; border-left-color: rgb(66, 139, 202); } .itsViewTwistieOpened:after { top: 5px; right: 1px; border-top-color: rgb(66, 139, 202); } .itsViewSearchButton { left: 0; } .itsViewClearButton { right: 0; text-align: center; padding-top: 5px; box-sizing: border-box; } .itsViewSearchButton, .itsViewClearButton { display: inline-block; position: absolute; width: 32px; height: 28px; opacity: .4; top: 2px; z-index: 1; } .itsViewSearchButton.icon-search { top: 0; } .itsViewSearchButton.icon-search~f-data { top: 1px; } .itsViewClearButton:before { font-size: 10px; line-height: 18px; vertical-align: top; } .itsViewSearchButton:active, .itsViewClearButton:active { top: 4px; } .itsViewSearchButton:hover, .itsViewClearButton:hover { opacity: 1; cursor: pointer; } .itsViewSearchButton:before { color: rgba(24, 102, 231, .75); position: absolute; top: 7px; left: 8px; } .itsViewSearch { width: 280px; } .itsViewSearch > .itsInput { width: 100%; } .itsViewSearch input { position: relative; top: -1px; height: 30px !important; padding: 0 50px 0 30px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .itsDndElem .itsViewRefreshButton { z-index: -1; } .itsViewRefreshButton > div { width: 28px; } .itsViewRefreshButton > div:before { opacity: .5; position: relative; } .itsViewRefreshButton > div:hover:before, .itsViewRefreshButton > div:hover { opacity: .85; cursor: pointer; } .itsViewRefreshButton > div:active:before { opacity: .7; -webkit-transition: all 0 ease; top: 1px; } .itsViewFirstColumn > div { width: 28px; } /*.itsViewFirstColumn { position: relative; } ---- move to -> itsFeed.css*/ .itsViewFirstColumn > .itsGridSelect:after { content: ""; top: 1px; /*5442-2px*/ left: 9px; position: absolute; height: 11px; width: 11px; display: block; z-index: 100; } .itsDndElem .itsViewFirstColumn > .itsGridSelect:after { z-index: 0; } .itsGridSelect:after { border: 1px solid rgb(190, 190, 190); } .itsViewFirstColumn:hover > .itsGridSelect:after { border: 1px solid rgb(66, 139, 212); } .itsViewListMenuItem { padding-right: 30px; } .itsViewTotalRow { background: transparent !important; } .itsViewTotalRow > td { border-top: 1px solid rgb(220, 220, 220); border-bottom: 0 !important; font-weight: bold; } .itsViewBody > div > div > table > tbody > tr:nth-child(even) { background: rgb(255, 255, 255); } .itsViewBody > div > div > table > tbody > tr:nth-child(odd) { background: rgb(250, 250, 250); } .itsViewBody > div > div > table > tbody > tr > td { border-bottom: 1px solid rgb(240, 240, 240); } .itsViewBody > div > div > table > tbody > tr > td > div > span, .itsViewBody > div > div > table > tbody > tr > td > div > a { padding-left: 3px; white-space: normal; display: block; } .itsViewBody > div > div > table > tbody > tr > td > div > div > span { padding-left: 3px; } .itsViewBody > div > div > table > tbody > tr > td > div { white-space: nowrap; } .itsViewBody .xpdFormIcon { padding-left: 10px; color: rgb(227, 100, 90); } .itsViewBody .xpdFormIcon.icon-tabletscreensize, .itsViewBody .xpdFormIcon.icon-imac { line-height: 14px; } .itsViewBody .xpdFormIcon.icon-iphone { color: rgb(66, 139, 202); } .itsViewBody .xpdFormIcon.icon-imac { color: rgb(29, 185, 84); } .itsTableBody > tr:nth-child(odd) { background: rgb(240, 240, 240); } .itsViewCategory > .itsViewTwistieClosed ~ *, .itsViewCategory > .itsViewTwistieOpened ~ *, .itsViewColumnClick { color: rgb(66, 139, 202); } .itsViewSortAsc > div > span:after, .itsViewSortDesc > div > span:before { color: rgb(153, 153, 153); } .itsViewRowClickable > tr:not(.itsViewRowClickableExclude):hover { cursor: pointer; } .itsViewSortAscActive:after { border-bottom-color: rgba(0, 0, 0, 1); } .itsViewSortDescActive:before { border-top-color: rgba(0, 0, 0, 1); } .xpdFakeRow, .xpdFakeRow * { height: 0 !important; margin: 0 !important; padding: 0 !important; border-width: 0 !important; min-height: 0 !important; max-height: 0 !important; } .xpdViewCustomSearch { width: 300px; } .xpdViewCustomSearch .itsFieldTitle > div { width: auto; white-space: nowrap; } .xpdViewCustomSearchItem { height: 20px; margin-bottom: 3px; border-bottom: 1px solid grey; display: block; } .xpdViewExtendedSearchDropBtn { display: inline-block; position: absolute; top: 6px; right: 26px; color: rgba(0, 0, 0, .2); z-index: 100; width: 32px; text-align: right; padding: 0 11px; box-sizing: border-box; line-height: 20px; border-radius: 10px; } .xpdViewExtendedSearchDropBtn:hover { cursor: pointer; color: black; background: rgb(247, 225, 134); } .xpdViewExtendedSearchDropMenu { width: 300px; max-height: 300px; background: white; z-index: 1000; border: 1px solid #D7D7D7; } .xpdViewExtendedSearchTitle { width: 100px; display: inline-block; text-align: right; padding-right: 10px; } .xpdViewExtendedSearchInput { width: 170px; } .xpdViewExtendedSearchItem { margin: 4px; } .xpdViewExtendedSearchDropMenu .itsButton { margin: 7px; float: right; } .xpdViewExtendedSearchDropBtn:after { content: ""; position: relative; display: inline-block; border: 5px solid transparent; border-top-color: #000; top: 3px; opacity: .4; } .xpdViewExtendedSearchDropBtn:hover:after { opacity: 1; } .xpdViewExtendedSearchHideDiv { position: absolute; top: 5px; left: 28px; height: 22px; width: 245px; padding: 0 11px; box-sizing: border-box; background: rgb(247, 225, 134); line-height: 22px; border-radius: 10px; font-size: 11px; color: rgba(0, 0, 0, .7); } .tdC { text-align: center; } .tdR { text-align: right; } :not(.itsViewSortAsc).tdR > div > span, :not(.itsViewSortDesc).tdR > div > span { padding-right: 0; } .tdC > div, .tdR > div { padding-right: 10px; box-sizing: border-box; } .itsGridSelectedRowOpenDoc { background: rgb(230, 230, 230) !important; } .ViewRefreshButtonHidden { visibility: hidden; } .xpdResizebleColumn { overflow: hidden; } .xpdResizebleColumnBtn { position: absolute; top: -1px; width: 1px; height: 100%; display: inline-block; z-index: 100; } .xpdResizebleColumnBtn:before { position: absolute; content: ''; display: inline-block; height: 100%; padding: 0 10px 0 20px; left: -15px; z-index: 100; } .xpdResizebleColumnBtn.H:hover, .xpdResizebleColumnBtn.H:active { cursor: ew-resize; z-index: 100; background-color: orange; } /**@css=\ResourcesPC\View\default\View.css**/ view-no-documents-found { display: flex; position: relative; height: 100%; font-size: 17px; color: #777; justify-content: center; align-items: center; background-color: #FFF; padding: 10px 0; box-sizing: border-box; } .xpdGridNeedUpdate { color: rgba(24, 102, 231, 1); } .xpdGridNeedUpdate * { opacity: 1; } .xpdGridFakeLastCellHeader { width: 100%; } .xpdGridFakeLastCellData { width: 100%; } .itsViewHead > grid-column-menu { height: 30px; width: 30px; display: inline-block; position: absolute; right: 5px; top: 2px; z-index: 99; text-align: center; line-height: 30px; } .itsViewHead > grid-column-menu:hover { cursor:pointer; } .itsViewHead > grid-column-menu:before { content: '\f127'; font-family: 'WebHostingHub-Glyphs'; font-style: normal; color: rgb(110, 110, 110); } .XpdCabinetSelectColumns f-input { padding:14px !important; } .XpdCabinetSelectColumns > .itsContainerHorizontal { padding:0 12px 10px 12px; } .itsCalendarContainer { height: 100%; position: relative; overflow-x: hidden; } .headMonth { text-align: center; } .unPickOut { user-select: none; } .itsCalendarContainer .itsCalendarHat { min-height: 42px; } .itsCalendarContainer .itsCalendarHat .fullDayTask { position: relative; background-color: #d4e9f5; outline: 1px solid rgba(255, 255, 255, .8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 24px; line-height: 24px; } .itsCalendarContainer .itsCalendarHat .fullDayTask span { padding: 0 5px; font-size: 12px; } .itsCalendarContainer .itsCalendarHat table { width: 100%; border-collapse: collapse; } .itsCalendarContainer .itsCalendarHat table td:last-child { vertical-align: top; } .itsCalendarContainer .itsCalendarHat .dateInterval { width: 51px !important; min-width: 51px !important; } .itsCalendarContainer .itsCalendarHat .dateInterval span { position: absolute; top: 55px; left: 0; } .itsCalendarContainer .itsCalendarHat .daysInterval { color: #666; border: 1px solid rgba(0, 0, 0, .1); border-bottom: 0; line-height: 28px; text-align: center; } .itsCalendarContainer .itsCalendarHat .daysGoCenter { /*width: 124px;*/ width: 100%; margin: 14px auto 0 auto; } .itsCalendarContainer .itsCalendarHat .daysGoCenter span:last-child { display: block; font-size: 40px; line-height: 32px; color: #9e9e9e; padding-bottom: -10px; } .itsCalendarContainer .itsCalendarHat .itsToday .daysGoCenter span { color: #4285f4; } .itsCalendarContainer .itsCalendarHat .daysGoCenter span { padding: 0 3px; } .itsCalendarContainer .itsCalendarHat td.fiveDayInterval, .itsCalendarContainer .itsCalendarHat td.twoDayInterval, .itsCalendarContainer .itsCalendarHat td.sevenDayInterval, .itsCalendarContainer .itsCalendarHat td.oneDayInterval { padding-top: 5px; } .itsCalendarContainer .itsCalendarTimeLines table { width: 100%; height: 100%; /*border-collapse: collapse;*/ } .itsCalendarContainer .itsCalendarTimeLines.dayMonths { height: 100%; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td { border-left: 1px solid rgba(0, 0, 0, .1); border-top: 1px solid rgba(0, 0, 0, .1); } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td:first-child { width: 50px; height: 47px; vertical-align: top; text-align: center; line-height: 24px; color: #777; font-size: 14px; } .MonthsTaskContainer { height: 64px; overflow: auto; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td span { line-height: 26px; padding: 0 5px; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .calendarMarker { position: absolute; width: 97%; margin-top: 23px; border-bottom: 1px solid rgba(0, 0, 0, .04); } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .contentContainer { position: absolute; height: 90%; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .contentContainer .timeLineTask { position: absolute; width: 100%; background-color: #d4e9f5; outline: 1px solid rgba(255, 255, 255, .8); z-index: 2; cursor: move; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .contentContainer .timeLineTask .resize { position: absolute; bottom: 0; width: 100%; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .contentContainer .timeLineTask .resize div { width: 10px; margin-left: auto; margin-right: auto; cursor: ns-resize; display: none; } .itsCalendarContainer table .contentContainer.oneDayInterval { width: 98%; } .itsCalendarContainer table .contentContainer.twoDayInterval { width: 47%; } .itsCalendarContainer table td.oneDayInterval, .itsCalendarContainer table td.twoDayInterval, .itsCalendarContainer table td.fiveDayInterval, .itsCalendarContainer table td.sevenDayInterval { border-left: 1px solid rgba(0, 0, 0, .1); } .itsCalendarContainer table td.oneDayInterval div, .itsCalendarContainer table td.twoDayInterval div, .itsCalendarContainer table td.fiveDayInterval div, .itsCalendarContainer table td.sevenDayInterval div { min-height: 24px; } .itsCalendarContainer table .contentContainer.fiveDayInterval { width: 18%; } .itsCalendarContainer table .contentContainer.sevenDayInterval { width: 13.25%; } .itsCalendarContainer .itsCalendarTimeLines:not(.dayMonths) table tr td .timeLineContainer .contentBlock { position: relative; background-color: #46b8da; border: 1px solid #269abc; } .itsCalendarContainer .itsCalendarTimeLines.dayMonths table tr.headMonth td { padding: 2px 5px; height: 24px; line-height: 24px; color: #777777; } .itsCalendarContainer .itsCalendarTimeLines.dayMonths table tr td.itsOldDay { color: #A5A5A5; } .itsCalendarContainer .itsCalendarTimeLines.dayMonths table tr:not(.headMonth) td { vertical-align: top; text-align: left; min-width: 125px; border: 1px solid rgba(0, 0, 0, .1); } .itsCalendarContainer .itsCalendarTimeLines.dayMonths table tr:not(.headMonth) td > span { padding: 0 5px; font-size: 14px; line-height: 20px; height: 20px; color: #777; display: block; text-align: center; } .itsCalendarContainer:not(.StretchCellContent) .itsCalendarTimeLines.dayMonths table tr:not(.headMonth) td > div { overflow-x: hidden; overflow-y: auto; height: calc(100% - 20px); } .itsCalendarContainer .itsCalendarTimeLines.dayMonths table tr:not(.headMonth) td.itsToday, .itsCalendarContainer td.itsToday, .itsCalendarContainer td.afterday, .itsCalendarContainer td.beforeday { background-color: rgb(var(--gray100)); } .itsCalendarTimeLines .sevenDaysWeek tr td { width: 14%; height: 64px; /*overflow: hidden;*/ /*Test removed to #8359*/ } .itsCalendarTimeLines .fiveDaysWeek tr td { width: 20%; height: 64px; /*overflow: hidden;*/ /*Test removed to #8359*/ } .itsCalendarContainer .itsCalendarTimeLines .itsDayContent:not(.itsDayContentWithoutTime), .itsCalendarContainer .itsCalendarTimeLines .itsDayContent.itsDayContentWithoutTime { position: relative; color: #222; background-color: #64ccec; border-bottom: 1px solid rgba(255, 255, 255, .8); height: 20px; overflow: hidden; line-height: 22px; font-size: 12px; cursor: pointer; } .itsCalendarContainer .itsCalendarTimeLines .itsDayContent:not(.itsDayContentWithoutTime) span:first-child, .itsCalendarContainer .itsCalendarTimeLines .itsDayContent.itsDayContentWithoutTime span { padding: 0 7px; } .XpdCalendarViewInfo { line-height: 34px; padding: 0 10px; font-size: 17px; } .itsCalendarContainer .itsCalendarTimeLines .itsDayContent.sortable-fallback:not([enablednd]) { opacity: 0 !important; } .itsCalendarContainer .itsCalendarTimeLines .itsDayContent:before { content: ''; background-color: rgba(0, 0, 0, 0.08); width: 100%; height: 100%; position: absolute; } .itsCalendarContainer .itsCalendarTimeLines .itsDayContent:hover:before { background-color: rgba(0, 0, 0, 0); } .itsCalendarContainer .itsCalendarHat td { background-color: #FFFFFF !important; } .itsCalendarContainer .itsCalendarHat td.itsToday { background-color: #f5f5f5 !important; } .viewer-toolbar .button-on-viewer { width: 81px; border-radius: 4px; color: #FFFFFF; font-size: 14px; word-wrap: break-word; padding: 0 0 0 0; margin: 0 3px; line-height: 22px; } .viewer-toolbar .button-on-viewer:hover { color: rgb(255, 255, 255); } .viewer-toolbar .icon-print:before { font-size: 11px; margin-right: 6px; } .remove-viewer-loader:after { display: none !important; } @media print { .viewer-canvas img { position: fixed; height: 100%; top: 0; left: 0; width: 100% !important; margin: 0 !important; } .button-on-viewer, .viewer-title, .viewer-footer { display: none; } } .viewer-zoom-in::before, .viewer-zoom-out::before, .viewer-one-to-one::before, .viewer-reset::before, .viewer-prev::before, .viewer-play::before, .viewer-next::before, .viewer-rotate-left::before, .viewer-rotate-right::before, .viewer-flip-horizontal::before, .viewer-flip-vertical::before, .viewer-fullscreen::before, .viewer-fullscreen-exit::before, .viewer-close::before { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC'); background-repeat: no-repeat; color: transparent; display: block; font-size: 0; height: 20px; line-height: 0; width: 20px; } .viewer-zoom-in::before { background-position: 0 0; content: 'Zoom In'; } .viewer-zoom-out::before { background-position: -20px 0; content: 'Zoom Out'; } .viewer-one-to-one::before { background-position: -40px 0; content: 'One to One'; } .viewer-reset::before { background-position: -60px 0; content: 'Reset'; } .viewer-prev::before { background-position: -80px 0; content: 'Previous'; } .viewer-play::before { background-position: -100px 0; content: 'Play'; } .viewer-next::before { background-position: -120px 0; content: 'Next'; } .viewer-rotate-left::before { background-position: -140px 0; content: 'Rotate Left'; } .viewer-rotate-right::before { background-position: -160px 0; content: 'Rotate Right'; } .viewer-flip-horizontal::before { background-position: -180px 0; content: 'Flip Horizontal'; } .viewer-flip-vertical::before { background-position: -200px 0; content: 'Flip Vertical'; } .viewer-fullscreen::before { background-position: -220px 0; content: 'Enter Full Screen'; } .viewer-fullscreen-exit::before { background-position: -240px 0; content: 'Exit Full Screen'; } .viewer-close::before { background-position: -260px 0; content: 'Close'; } .viewer-container { bottom: 0; direction: ltr; font-size: 0; left: 0; line-height: 0; overflow: hidden; position: absolute; right: 0; -webkit-tap-highlight-color: transparent; top: 0; -webkit-touch-callout: none; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .viewer-container::-moz-selection, .viewer-container *::-moz-selection { background-color: transparent; } .viewer-container::selection, .viewer-container *::selection { background-color: transparent; } .viewer-container img { display: block; height: auto; max-height: none !important; max-width: none !important; min-height: 0 !important; min-width: 0 !important; width: 100%; } .viewer-canvas { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .viewer-canvas > img { height: auto; margin: 15px auto; max-width: 90% !important; width: auto; } .viewer-footer { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; } .viewer-navbar { background-color: rgba(0, 0, 0, .5); overflow: hidden; } .viewer-list { -webkit-box-sizing: content-box; box-sizing: content-box; height: 50px; margin: 0; overflow: hidden; padding: 1px 0; } .viewer-list > li { color: transparent; cursor: pointer; float: left; font-size: 0; height: 50px; line-height: 0; opacity: .5; overflow: hidden; -webkit-transition: opacity .15s; transition: opacity .15s; width: 30px; } .viewer-list > li:hover { opacity: .75; } .viewer-list > li + li { margin-left: 1px; } .viewer-list > .viewer-loading { position: relative; } .viewer-list > .viewer-loading::after { border-width: 2px; height: 20px; margin-left: -10px; margin-top: -10px; width: 20px; } .viewer-list > .viewer-active, .viewer-list > .viewer-active:hover { opacity: 1; } .viewer-player { background-color: #000; bottom: 0; cursor: none; display: none; left: 0; position: absolute; right: 0; top: 0; } .viewer-player > img { left: 0; position: absolute; top: 0; } .viewer-toolbar ul { display: inline-block; margin: 0 auto 5px; overflow: hidden; padding: 3px 0; } .viewer-toolbar li { background-color: rgba(0, 0, 0, .5); border-radius: 50%; cursor: pointer; float: left; height: 24px; overflow: hidden; -webkit-transition: background-color .15s; transition: background-color .15s; width: 24px; } .viewer-toolbar li:hover { background-color: rgba(0, 0, 0, .8); } .viewer-toolbar li::before { margin: 2px; } .viewer-toolbar li + li { margin-left: 1px; } .viewer-toolbar .viewer-small { height: 18px; margin-bottom: 3px; margin-top: 3px; width: 18px; } .viewer-toolbar .viewer-small::before { margin: -1px; } .viewer-toolbar .viewer-large { height: 30px; margin-bottom: -3px; margin-top: -3px; width: 30px; } .viewer-toolbar .viewer-large::before { margin: 5px; } .viewer-tooltip { background-color: rgba(0, 0, 0, .8); border-radius: 10px; color: #fff; display: none; font-size: 12px; height: 20px; left: 50%; line-height: 20px; margin-left: -25px; margin-top: -10px; position: absolute; text-align: center; top: 50%; width: 50px; } .viewer-title { color: #ccc; display: inline-block; font-size: 12px; line-height: 1; margin: 0 5% 5px; max-width: 90%; opacity: .8; overflow: hidden; text-overflow: ellipsis; -webkit-transition: opacity .15s; transition: opacity .15s; white-space: nowrap; } .viewer-title:hover { opacity: 1; } .viewer-button { background-color: rgba(0, 0, 0, .5); border-radius: 50%; cursor: pointer; height: 80px; overflow: hidden; position: absolute; right: -40px; top: -40px; -webkit-transition: background-color .15s; transition: background-color .15s; width: 80px; } .viewer-button:focus, .viewer-button:hover { background-color: rgba(0, 0, 0, .8); } .viewer-button::before { bottom: 15px; left: 15px; position: absolute; } .viewer-fixed { position: fixed; } .viewer-open { overflow: hidden; } .viewer-show { display: block; } .viewer-hide { display: none; } .viewer-backdrop { background-color: rgba(0, 0, 0, .5); } .viewer-invisible { visibility: hidden; } .viewer-move { cursor: move; cursor: -webkit-grab; cursor: grab; } .viewer-fade { opacity: 0; } .viewer-in { opacity: 1; } .viewer-transition { -webkit-transition: all .3s; transition: all .3s; } @-webkit-keyframes viewer-spinner { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } @keyframes viewer-spinner { 0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);} } .viewer-loading::after { -webkit-animation: viewer-spinner 1s linear infinite; animation: viewer-spinner 1s linear infinite; border: 4px solid rgba(255, 255, 255, .1); border-left-color: rgba(255, 255, 255, .5); border-radius: 50%; content: ''; display: inline-block; height: 40px; left: 50%; margin-left: -20px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 1; } @media (max-width: 767px) { .viewer-hide-xs-down { display: none; } } @media (max-width: 991px) { .viewer-hide-sm-down { display: none; } } @media (max-width: 1199px) { .viewer-hide-md-down { display: none; } } .XpdWall { padding: 10px 15px 0 30px; box-sizing: border-box; } .WallPostNew .WallPostBody .itsInput { margin: 0; } .WallPostNew .WallPostBody .itsInput textarea { min-height: 60px; } .WallPostNew .WallActionBar { text-align: right; padding: 7px 3px 8px 15px; border: 1px solid rgb(225, 225, 225); border-bottom: 1px solid rgb(210, 210, 210); margin-top: -5px; } .XpdWall .WallPost { width: 650px; border: 1px solid rgb(225, 225, 225); border-bottom: 1px solid rgb(210, 210, 210); box-sizing: border-box; } .XpdWall .WallPostNew { background: rgb(245, 245, 245); margin: 0 0 20px 0; width: 650px; box-sizing: border-box; } .XpdWall .WallNotifierHasNewPosts { display: block; width: 650px; text-align: center; height: 40px; line-height: 40px; color: #fff; background: rgba(66, 139, 202, .75); cursor: pointer; } .XpdWall .WallNotifierHasNewPosts:hover { background: rgba(66, 139, 202, 1); } .XpdWall .WallPost { background: #fff; margin: 0 0 20px 0; } .XpdWall .WallPost .WallPostBody { margin: 0 15px 5px 15px; } .XpdWall .WallPost .WallActionBar { padding: 0 10px; line-height: 32px; height: 34px; border-bottom: 1px solid rgb(230, 230, 230); color: rgb(66, 139, 202); font-size: 12px; text-align: right; } .XpdWall .WallPost .WallActionBar .WallLike, .XpdWall .WallPost .WallActionBar .WallLikeNo { padding: 5px 8px; border-radius: 3px; } .XpdWall .WallPost .WallActionBar .WallLike:hover, .XpdWall .WallPost .WallActionBar .WallLikeNo:hover { background: rgba(66, 139, 202, .075); cursor: pointer; } .XpdWall .WallPost .WallActionBar .WallLike > a { color: rgba(66, 139, 202, .8); } .XpdWall .WallPost .WallActionBar .WallLike > i, .XpdWall .WallPost .WallActionBar .WallLikeNo > i { padding: 0 5px; } .XpdWall .WallPost .WallActionBar .WallLike > b, .XpdWall .WallPost .WallActionBar .WallLikeNo > b { font-weight: normal; color: rgba(66, 139, 202, .8); } .XpdWall .WallPost .WallActionBar .WallLikeNo > i { position: relative; bottom: -3px; padding: 0 5px 0 0; } .XpdWall .WallPost .WallActionBar .WallLikeNo > i:before { display: inline-block; transform: scale(-1, 1); filter: "FlipH"; } .XpdWall .WallPost .WallActionBar .WallLikerSelect * { color: rgba(217, 83, 79, .8) !important; } .XpdWall .WallPost .WallActionBar .WallLikerSelect:hover { background: rgba(217, 83, 79, .075); } .XpdWall .WallPostAuthor { height: 46px; margin: 12px 15px; position: relative; } .XpdWall .WallPostAuthor > img { width: 46px; height: 46px; border-radius: 50%; float: left; margin-right: 10px; cursor: pointer; } .XpdWall .WallPostAuthor > b { display: inline-block; padding: 5px 0 0 0; } .XpdWall .WallPostAuthor > b:hover { color: rgb(66, 139, 202); text-decoration: underline; cursor: pointer; } .XpdWall .WallPostAuthor > i { display: block; font-style: normal; color: #999; font-size: 11px; line-height: 20px; } .XpdWall .WallPostAuthor > .WallPostActions { display: inline-block; position: absolute; right: -15px; top: -12px; } .XpdWall .WallPostAuthor > .WallPostActions > .itsDropBtnTitle > span > .itsButton, .XpdWall .WallCommentBody > .WallCommentActions > .itsDropBtnTitle > span > .itsButton { border: 0; background: transparent; color: rgba(0, 0, 0, .15); transition: color 0.3s ease; } .XpdWall .WallPost:hover .WallPostAuthor > .WallPostActions > .itsDropBtnTitle > span > .itsButton, .XpdWall .WallComment:hover .WallCommentActions > .itsDropBtnTitle > span > .itsButton { color: rgba(0, 0, 0, .3); } .XpdWall .WallPostAuthor > .WallPostActions > .itsDropBtnTitle > span > .itsButton > span:hover, .XpdWall .WallCommentActions > .itsDropBtnTitle > span > .itsButton > span:hover { background: transparent; color: rgba(0, 0, 0, .5); transition: color 0.1s ease; } .XpdWall .WallCommentBody { position: relative; margin: 0 0 0 45px; } .XpdWall .WallCommentBody > .WallCommentActions { display: inline-block; position: absolute; font-size: 10px; right: -15px; top: -10px; } .XpdWall .WallCommentsReadAll { display: block; text-align: center; height: 34px; line-height: 34px; color: #888; background: rgb(235, 235, 235); cursor: pointer; transition: background 0.3s ease; } .XpdWall .WallCommentsReadAll:hover { background: rgb(230, 230, 230); color: #777; transition: background 0.1s ease; } .XpdWall .WallComments { background: rgb(245, 245, 245); } .XpdWall .WallComments .WallCommentNew { padding: 10px 15px; position: relative; } .XpdWall .WallComments .WallCommentNew .WallCommentFull { margin: 0 0 0 45px; } .XpdWall .WallComments .WallCommentNew .WallActionBar { border: 0; margin: 0 0 0 45px; padding: 0; text-align: left; } .XpdWall .WallPostNew .WallPostPublish, .XpdWall .WallComments .WallCommentNew .WallActionBar .WallCommentSend, .XpdWall .WallComments .WallCommentNew .WallActionBar .WallCommentCancel { display: inline-block; text-align: center; white-space: nowrap; border-radius: 2px; user-select: none; border: 1px solid rgba(105, 112, 118, .3); color: rgb(105, 112, 118); margin: 0 5px 0 0; padding: 6px 12px; line-height: 16px; height: 16px; } .XpdWall .WallComments .WallCommentNew .WallActionBar .WallCommentSend, .XpdWall .WallPostNew .WallPostPublish { color: rgb(255, 255, 255); background-color: rgb(70, 172, 80); border-color: rgb(70, 172, 80); } .XpdWall .WallPostNew .WallPostPublish:hover, .XpdWall .WallComments .WallCommentNew .WallActionBar .WallCommentSend:hover { cursor: pointer; color: rgb(255, 255, 255); background-color: rgb(50, 152, 60); border-color: rgb(50, 152, 60); } .XpdWall .WallComments .WallCommentNew .WallActionBar .WallCommentCancel:hover { cursor: pointer; background: rgb(240, 240, 240); } .XpdWall .WallComment > img, .XpdWall .WallCommentNew > img { width: 32px; height: 32px; border-radius: 2px; position: absolute; cursor: pointer; } .XpdWall .WallComment { position: relative; padding: 10px 15px 0 15px; min-height: 35px; } .XpdWall .WallComment > div > b { font-size: 12px; } .XpdWall .WallComment > div > b:hover { color: rgb(66, 139, 202); text-decoration: underline; cursor: pointer; } .XpdWall .WallComment i { font-style: normal; color: #777; margin-left: 8px; font-size: 11px; } .XpdWall .WallComment p { margin: 2px 0 5px 0; font-size: 12px; } .XpdWall .WallCommentNew .WallCommentSimple { background: #fff; height: 26px; border: 1px solid rgba(0, 0, 0, .1); line-height: 26px; color: #999; padding: 0 0 0 5px; cursor: text; margin: 0 0 0 45px; } .WallLikerUsersInfo { background: #777; padding: 7px 7px 4px 7px; border-radius: 5px; max-width: 270px; } .WallLikerUsersInfo .xpdTooltipArrow { background: #777; } .WallLikerUsersInfo img { width: 48px; height: 48px; border-radius: 3px; border: 3px solid transparent; cursor: pointer; } .WallSubscription { color: rgb(66, 139, 202); } .WallSubscription:hover { cursor: pointer; text-decoration: underline; } .WallSubscriptionProfile { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .3); text-align: center; line-height: 28px; color: #fff; padding: 0 20px; margin-left: 40px; float: left; } .WallSubscriptionProfile:hover { cursor: pointer; text-decoration: none; background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .6); } .xpdWorkSpaceAuto, .xpdWorkSpaceAuto > .itsScrollPanelBody, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div > div, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div > div > div, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div > div > div > .itsViewScrollBody { height: auto !important; } .xpdWorkSpaceAuto, .xpdWorkSpaceAuto > .itsScrollPanelBody, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div > div, .xpdWorkSpaceAuto > .itsScrollPanelBody > .xpdView > .itsView > div > div > div > .itsViewScrollBody { display: inline-block !important; } /*-----------------itsScrollPanelTop-----------------*/ .itsScrollPanelBody .itsScrollPanelTop { box-sizing: border-box; padding: 5px; } /*.itsScrollPanelBody [name="itsScrollPanel"] .itsScrollPanelTop { padding: 5px 0; }*/ form > div > div[name="itsScrollPanel"] > .itsScrollPanelTop { padding: 5px; box-sizing: border-box; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/ } .itsDopForm > .itsScrollPanelTop { padding-top: 5px; } .itsToolbar { padding: 0 4px; line-height: 40px; background: #fff; } .itsScrollPanelTop { box-sizing: border-box; }