edit_layers.css 193 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942
  1. /**************************************
  2. - SCOLL STYLING -
  3. **************************************/
  4. .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  5. .ps-container.ps-active-y > .ps-scrollbar-y-rail { display:block; z-index:999;}
  6. .ps-container > .ps-scrollbar-x-rail { display:none; z-index:998; position:absolute; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); -webkit-transition:background-color .2s linear,opacity .2s linear; -moz-transition:background-color .2s linear,opacity .2s linear; -o-transition:background-color .2s linear,opacity .2s linear; transition:background-color .2s linear,opacity .2s linear; bottom:0; height:8px;}
  7. .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x { position:absolute; background-color:#bdc3c7; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; -webkit-transition:background-color .2s linear; -moz-transition:background-color .2s linear; -o-transition:background-color .2s linear; transition:background-color .2s linear; bottom:0; height:8px;}
  8. .ps-container > .ps-scrollbar-x-rail.in-scrolling { background-color:#eee; opacity:.9; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90);}
  9. .ps-container > .ps-scrollbar-y-rail { display:none; position:absolute; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; opacity:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); -webkit-transition:background-color .2s linear,opacity .2s linear; -moz-transition:background-color .2s linear,opacity .2s linear; -o-transition:background-color .2s linear,opacity .2s linear; transition:background-color .2s linear,opacity .2s linear; right:0; width:8px;}
  10. .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { position:absolute; background-color:#bdc3c7; -moz-border-radius:0; -ms-border-radius:0; border-radius:0; -webkit-transition:background-color .2s linear; -moz-transition:background-color .2s linear; -o-transition:background-color .2s linear; transition:background-color .2s linear; right:0; width:8px;}
  11. .ps-container > .ps-scrollbar-y-rail.in-scrolling { background-color:#eee; opacity:.9; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90);}
  12. .ps-container:hover > .ps-scrollbar-x-rail,
  13. .ps-container:hover > .ps-scrollbar-y-rail { opacity:.6; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); filter:alpha(opacity=60);}
  14. .ps-container:hover > .ps-scrollbar-x-rail.in-scrolling,
  15. .ps-container:hover > .ps-scrollbar-y-rail.in-scrolling { background-color:#eee; opacity:.9; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90);}
  16. .ps-container:hover > .ps-scrollbar-x-rail:hover { background-color:#eee; opacity:.9; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90);}
  17. .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x { background-color:#bdc3c7;}
  18. .ps-container:hover > .ps-scrollbar-y-rail:hover { background-color:#eee; opacity:.9; -ms-filter : progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90);}
  19. .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y { background-color:#bdc3c7;}
  20. #viewWrapper input[type="radio"] { margin:0; line-height:30px; vertical-align:middle;}
  21. #viewWrapper label { vertical-align:middle; line-height:30px; margin:0;}
  22. /**************************************
  23. - NEW TOOLBAR FOR SLIDE GRIDS -
  24. **************************************/
  25. #adminmenuback { z-index:1100;}
  26. .layer-editor-toolbar { padding:15px; border-bottom:1px solid #f1f1f1; margin-bottom:0;}
  27. .diblock { display:inline-block;}
  28. #form_slide_params .description_container { display:none;}
  29. #sortlist li { position:relative; margin-bottom:2px;}
  30. .slide_layer .icon_cross { display:none;background-image:url(../images/rs_center.png); width:21px; height:21px; z-index:600; background-repeat:no-repeat; position:absolute; top:0; left:0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
  31. .slide_layer.layer_selected>.icon_cross { display:block;}
  32. .ui-rotatable-handle { display:none;height:15px ; width:15px; cursor:pointer!important; background-image:url(../images/rs_rotate.png); background-size:100%; right:2px; top:2px; position:absolute; z-index:500; border-radius: 50%}
  33. .layer_selected>.innerslide_layer>.ui-rotatable-handle { display:block;}
  34. .ui-rotatable-handle:hover { background-color:#3498db;}
  35. .ui-autocomplete { z-index:1200000;}
  36. #tp-thelistofclasses .ui-autocomplete-category { font-size:14px !important; color:#000; border-bottom:1px solid #d5d5d5; line-height:25px;margin-bottom:10px; font-weight: 600; padding:10px 15px 5px; width:100%;background:#d5d5d5;margin-top:15px;}
  37. #tp-thelistofclasses .ui-autocomplete-category:first-child { margin-top:0px;}
  38. #tp-thelistofclasses .ui-menu-item { -webkit-transition:none !important; transition:none !important; padding:0px 10px;}
  39. #tp-thelistofclasses .ui-menu-item a { -webkit-transition:none !important; transition:none !important; font-size:11px !important; font-weight:400; color:#000; line-height:12px; display:block; padding:0px;}
  40. #tp-thelistofclasses .ui-menu-item:hover { background:#3498db;}
  41. #tp-thelistofclasses .ui-menu-item:hover a,
  42. #tp-thelistofclasses .ui-menu-item a:hover { color:#fff !important;background:#3498db !important;}
  43. #tp-thelistoffonts .ui-autocomplete-category { font-size:14px !important; color:#000; border-bottom:1px solid #d5d5d5; line-height:25px;margin-bottom:10px; font-weight: 600; padding:10px 15px 5px;width:100%;background:#d5d5d5;margin-top:15px;}
  44. #tp-thelistoffonts .ui-autocomplete-category:first-child { margin-top:0px;}
  45. #tp-thelistoffonts .ui-menu-item { -webkit-transition:none !important; transition:none !important; padding:0px 10px;}
  46. #tp-thelistoffonts .ui-menu-item a { -webkit-transition:none !important; transition:none !important; font-size:11px !important; font-weight:400; color:#000; line-height:12px; display:block; padding:0px;}
  47. #tp-thelistoffonts .ui-menu-item:hover { background:#3498db;}
  48. #tp-thelistoffonts .ui-menu-item:hover a,
  49. #tp-thelistoffonts .ui-menu-item a:hover { color:#fff !important;background:#3498db !important;}
  50. .slide_layer >.ui-resizable-handle { display:none;}
  51. .slide_layer.layer_selected >.ui-resizable-handle { display: block;}
  52. .layer_selected .ui-resizable-handle.ui-resizable-s { width:6px; height:6px; border:1px solid #000; background:#fff; border-radius:50%; left:50%; margin-left:-4px; margin-bottom:0px;}
  53. .layer_selected .ui-resizable-handle.ui-resizable-sw { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; left:-5px; bottom:-5px;}
  54. .layer_selected .ui-resizable-handle.ui-resizable-se { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; right:-5px; bottom:-5px;}
  55. .layer_selected .ui-resizable-handle.ui-resizable-w { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; left:-5px; top:50%; margin-top:-4px;}
  56. .layer_selected .ui-resizable-handle.ui-resizable-e { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; right:-5px; top:50%; margin-top:-4px;}
  57. .layer_selected .ui-resizable-handle.ui-resizable-n { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; left:50%; margin-left:-4px; top:-6px;}
  58. .layer_selected .ui-resizable-handle.ui-resizable-nw { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; left:-5px; top:-5px;}
  59. .layer_selected .ui-resizable-handle.ui-resizable-ne { width:6px; height:6px; border:1px solid #000; background:#fff;border-radius:50%; top:-5px; right:-5px;}
  60. .layer_selected .resizer-boxes { display:block;}
  61. .innerslide_layer { width:auto; height:auto; position:relative!important; z-index:500; display:block; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box;}
  62. .innerslide_layer img { vertical-align:top;}
  63. .slide_layer_type_image .innerslide_layer { box-sizing: content-box;}
  64. .innerslide_layer .ui-rotatable-handle.ui-draggable.ui-draggable-dragging { display:none!important;}
  65. .slide_layer.ui-resizable:before { display:none;content:" "; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1!important; border:1px solid #fff!important; box-sizing:border-box; -moz-box-sizing:border-box; }
  66. .slide_layer.ui-resizable:after { display:none;content:" "; position:absolute; top:0; left:0; width:100%; height:100%; opacity:1!important; border:1px dashed #000!important; box-sizing:border-box; -moz-box-sizing:border-box; }
  67. .slide_layer.layer_selected.ui-resizable:before,
  68. .slide_layer.layer_selected.ui-resizable:after { display:block;}
  69. .layer_selected .icon_cross { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=8); filter:alpha(opacity=8); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8;}
  70. #id-esw .layertime { position:absolute; top:1px; height:9px; background:rgba(60,147,154,0.4); xwidth:300px; left:10px; display:none;}
  71. #id-esw .layertime.layertime-error { background:rgba(157,23,23,0.4);}
  72. .list-settings hr { width:100%; clear:both; border-top:1px solid #DDD; border-bottom:1px solid #fff; margin-bottom:0;}
  73. span.setting_text { line-height:24px;}
  74. tr.css-edit-title,span.setting_text_2 { color:#aaa!important; line-height:15px; font-size:11px; margin-top:10px;}
  75. span.setting_text_2 { background-color:#ecf0f1!important; font-weight:600; line-height:20px; font-size:12px; display:block; color:#666!important; margin:0 -10px; padding:10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
  76. span.setting_text_2 { color:#444!important; line-height:15px; font-size:11px; margin-top:0;}
  77. span.setting_text_3 { color:#232323!important; line-height:30px; font-size:12px; margin:0 5px;}
  78. #rs-grid-sizes,
  79. #rs-grid-snapto { cursor:pointer; margin-top:-3px; background-color:#555; color:#888; border:none!important;}
  80. #id-esw .attribute_title { clear:both; padding-bottom:0!important;}
  81. #link_slider_settings { font-size:18px; padding-left:50px;}
  82. #id-esw .slide_layers_border { border-left:2px dashed #4AFFFF; border-right:2px dashed #4AFFFF; box-sizing:border-box; -moz-box-sizing:border-box; overflow:visible; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0;}
  83. #id-esw .slide_layers { box-sizing:border-box; -moz-box-sizing:border-box; overflow:visible; background-position:center center; background-repeat:no-repeat; position:relative; background-size:cover;}
  84. #divbgholder { position:relative; height:100%; background-repeat:no-repeat;}
  85. #divLayers { overflow:visible; z-index:50 !important;}
  86. #divLayers-wrapper { overflow-x:scroll; overflow-y:hidden; margin:auto; width:100%; height:100%; position:relative; z-index:1; background-image:url(../images/trans_tile2.png);}
  87. .slide_wrap_layers.trans_bg { background-image:url(../images/trans_tile2.png)!important; background-repeat:repeat!important; background-size:cover; background-size:auto!important;}
  88. #id-esw .caption { font-weight:700;}
  89. .slide_layers .slide_layer { position:absolute; white-space:nowrap;}
  90. .layer_due_list_element_selected { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #9b59b6;}
  91. .layer_due_list_element_selected.ldles_1 { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #f1c40f;}
  92. .layer_due_list_element_selected.ldles_2 { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #e67e22;}
  93. .layer_due_list_element_selected.ldles_3 { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #e74c3c;}
  94. .layer_due_list_element_selected.ldles_4 { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #2ecc71;}
  95. .layer_due_list_element_selected.ldles_5 { box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.65), 0px 0px 1px 2px #95a5a6;}
  96. .layer_due_list_element_selected.currently_not_visible { visibilty:visible !important; opacity:0.5;}
  97. /**************************************
  98. - VIDEO LAYER STYLING -
  99. **************************************/
  100. .slide_layer .slide_layer_video { background-color:#000; position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
  101. .slide_layer .video-layer-inner { height:100%; width:100%; background-repeat:no-repeat; background-position:right bottom;}
  102. .slide_layer .video-icon-youtube { background-image:url(../images/icon_youtube.png);}
  103. .slide_layer .video-icon-vimeo { background-image:url(../images/icon_vimeo.png);}
  104. .slide_layer .video-icon-html5 { background-image:url(../images/icon_html5.png);}
  105. .slide_layer_video .layer-video-title { color:#fff; padding:10px; text-align:center; font-size:12px;background:rgba(0,0,0,0.2);white-space: normal !important}
  106. .ui-draggable { cursor:move;}
  107. .edit_layers_left .area-layer-params { min-width:530px; height:100px; line-height:20px; margin:10px 0 0; padding:2px 5px;}
  108. .edit_layers_left .textbox-caption { width:170px;}
  109. #layer_alt_row { clear:both;}
  110. .edit_layers_left .setting_text { min-width:60px;}
  111. .edit_layers_left .text-disabled { color:#ACA899;}
  112. #divLayers .slide_layer.ui-state-disabled { z-index:0!important;}
  113. #divLayers .layer_selected { z-index:2000!important;}
  114. #divLayers .layer_selected.draggable_toponall,
  115. .column_from_draggable { z-index:2002!important;}
  116. #divLayers .dragfromgroup { z-index:2001!important;}
  117. #divLayers .layer_selected.fullscreen-video-layer { z-index:2!important;}
  118. .layer_sortbox { width:100%;}
  119. .layer_sortbox .layer_sort_inputs { display:table-cell;}
  120. .layer_sortbox .sortbox_depth { background-color:transparent; border:none; box-shadow:none; font-size:10px; color:#333; position:absolute; top:1px;right:20px;}
  121. .layer_sortbox .sortbox_eye { cursor:pointer;}
  122. .layer_sortbox .sortbox_lock { cursor:pointer;}
  123. .layer_sortbox .eg-icon-eye-off { display:none;}
  124. .layer_sortbox .eg-icon-lock { display:none;}
  125. .sortlist li .sortbox_lock { opacity:1;}
  126. .sortlist li.sortitem-locked { background:#ccc;}
  127. .sortlist li.sortitem-locked .sortbox_lock { opacity:1;}
  128. .sortlist li.sortitem-locked .sortbox_lock .eg-icon-lock { display:inline-block;opacity: 0.5}
  129. .sortlist li.sortitem-locked .sortbox_lock .eg-icon-lock-open { display:none;}
  130. .sortlist li.sortitem-hidden .eg-icon-eye-off { display:inline-block;}
  131. .sortlist li.sortitem-hidden .eg-icon-eye { display:none;}
  132. .sortlist li.sortitem-hidden .sortbox_text { color:#B9A8B9;}
  133. .sortbox_text i { opacity: 0.65;}
  134. .sortlist { padding:0; margin:0;}
  135. .sortlist li span.ui-icon { float:right; margin-top:4px;}
  136. .sortlist li { cursor:default; height:31px; box-sizing:border-box; -moz-box-sizing:border-box; }
  137. .sortlist li .sortbox_text { display:inline-block;}
  138. /* SLIDE TRANSITION BUILDER */
  139. #slide_transition { width:100%; max-height: none !important; background:#eee; border:1px solid #ddd; display:table; position: relative;}
  140. .slide-trans-cur-selected { min-width:265px; display:table-cell; vertical-align: top;background:#ddd;}
  141. .slide-trans-menu { list-style:none; padding:0px; margin:0px; vertical-align: top; min-width:200px; display:table-cell;border-right:1px solid #ddd;}
  142. .slide-trans-lists { padding:20px 30px; margin:0px; vertical-align: top;width:260px; display:table-cell;}
  143. .slide-trans-cur-selected-settings { padding:20px 30px; margin:0px; vertical-align: top;width:300px; display:table-cell;}
  144. .slide-trans-menu li { list-style:none; line-height: 45px; padding:0px 20px; color:#000; font-size:14px; font-weight: 600; border-bottom: 1px solid #DDD; margin:0px; cursor: pointer; text-transform: capitalize;}
  145. .slide-trans-menu li:hover,
  146. .slide-trans-menu li.selected { background:#ddd;}
  147. .slide-trans-menu li:last-child { border-bottom:none;}
  148. .slide-trans-checkelement { font-size: 14px; color:#000; white-space: nowrap; font-weight: 400; line-height:25px; }
  149. .slide-trans-checkelement input[type="checkbox"] { margin-right:20px;}
  150. .slide-trans-cur-ul { padding:0px; margin:0px; list-style: none;}
  151. .slide-trans-cur-selected p,
  152. .slide-trans-cur-selected .draggable-trans-element { position:relative; font-weight:600; color:#000; border-bottom:1px dashed #ccc; padding:0px 20px; margin:0px; line-height: 50px; min-width:0; width:auto}
  153. .slide-trans-cur-selected .draggable-trans-element { padding-left:40px;list-style: none;margin:0; font-weight:400; cursor: pointer;}
  154. .slide-trans-cur-selected .draggable-trans-element:before { content: '\e895'; font-family: "eg-font"; position:absolute; top:1px;left:20px;}
  155. .slide-trans-example { z-index:400;visibility:hidden;display:block;background:url(../images/trans_tile.png); background-repeat:repeat; position: absolute; box-sizing: border-box; -moz-box-sizing: border-box; width: 320px;height: 200px;top: 60px;left: 55%;box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.3);}
  156. .slide-trans-example-inner { position: absolute;padding: 20px;width: 80%;height: 80%;display: block;box-sizing: border-box;top: 10%;left: 10%; overflow: hidden}
  157. .slide-trans-example-inner .defaultimg { width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; margin: 0px auto; visibility: inherit; opacity: 1;background:url(../../../public/assets/assets/sources/revolution_slide1.png); background-size:cover; background-position:center center;}
  158. .slide-trans-example-inner .oldslotholder .defaultimg { background-image:url(../../../public/assets/assets/sources/revolution_slide2.png);}
  159. .slide-trans-example-inner .slot { width:100%; height:100%;}
  160. .slide-trans-cur-ul li.selected,
  161. .slide-trans-cur-ul li:hover { background:#eee;}
  162. .remove-trans-from-list { float:right; cursor: pointer;}
  163. .remove-trans-from-list:before { color:#000;}
  164. /* ------ Slide Settings ---- */
  165. .rs-small-input {
  166. width: 50px;
  167. min-width: 50px !important;
  168. }
  169. .label {
  170. display: inline-block;
  171. min-width: 80px;
  172. width: 80px;
  173. }
  174. /* ------ Layer Sorting Button ---- */
  175. #button_sort_timing {
  176. height:14px;
  177. cursor:pointer;
  178. margin-left:3px;
  179. display:inline-block;
  180. }
  181. #button_sort_timing i:before {
  182. color:#fff!important;
  183. }
  184. #button_sort_timing.off {
  185. /* IE 8 */
  186. -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  187. /* IE 5-7 */
  188. filter:alpha(opacity=50);
  189. /* Netscape */
  190. -moz-opacity:.5;
  191. /* Safari 1.x */
  192. -khtml-opacity:.5;
  193. /* Good browsers */
  194. opacity:.5;
  195. }
  196. #button_sort_visibility {
  197. width:20px;
  198. height:14px;
  199. cursor:pointer;
  200. margin-left:4px;
  201. display:inline-block;
  202. }
  203. #button_sort_visibility .eg-icon-eye-off {
  204. display:none;
  205. }
  206. #button_sort_visibility.e-disabled {
  207. /* IE 8 */
  208. -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  209. /* IE 5-7 */
  210. filter:alpha(opacity=50);
  211. /* Netscape */
  212. -moz-opacity:.5;
  213. /* Safari 1.x */
  214. -khtml-opacity:.5;
  215. /* Good browsers */
  216. opacity:.5;
  217. }
  218. #button_sort_visibility.e-disabled .eg-icon-eye-off {
  219. display:block;
  220. }
  221. #button_sort_visibility.e-disabled .eg-icon-eye {
  222. display:none;
  223. }
  224. #button_sort_lock,#button_sort_tillend {
  225. width:16px;
  226. height:14px;
  227. margin-left:2px;
  228. display:inline-block;
  229. }
  230. #button_sort_lock {
  231. cursor:pointer;
  232. }
  233. #button_sort_lock .eg-icon-lock {
  234. display:none;
  235. }
  236. #button_sort_lock.e-disabled .eg-icon-lock {
  237. display:block;
  238. }
  239. #button_sort_lock.e-disabled .eg-icon-lock-open {
  240. display:none;
  241. }
  242. .layer_sortbox .button_sorttype {
  243. float:right;
  244. height:15px;
  245. color:#fff;
  246. margin-top:-1px!important;
  247. }
  248. .layer_sortbox .button_sorttype.ui-state-hover {
  249. cursor:pointer;
  250. }
  251. .layer_sortbox .button_sorttype.ui-state-active {
  252. cursor:default;
  253. }
  254. .layer_sortbox .button_sorttype span {
  255. display:block;
  256. padding:0;
  257. margin:0;
  258. float:none;
  259. margin-top:3px;
  260. text-align:center;
  261. }
  262. .slide_update_button_wrapper {
  263. float:left;
  264. }
  265. .slider_update_button_wrapper {
  266. float:left;
  267. }
  268. .slide_update_button_wrapper div {
  269. float:left;
  270. }
  271. .edit_layers_left .list_settings li .setting_text {
  272. min-width:80px;
  273. }
  274. .setting-disabled {
  275. color:#b5b5b5;
  276. }
  277. .till_slideend {
  278. cursor:pointer;
  279. }
  280. .till_slideend .eg-icon-back-in-time {
  281. display:inline-block;
  282. -webkit-transform: scaleX(-1); transform:scaleX(-1);
  283. }
  284. .till_slideend .eg-icon-download-2 {
  285. display:none;
  286. }
  287. .sortable_elements.tillendon > .layer_sort_inner_wrapper > .mastertimer-timeline-tillendcontainer .till_slideend .eg-icon-back-in-time {
  288. display:none;
  289. }
  290. .sortable_elements.tillendon > .layer_sort_inner_wrapper > .mastertimer-timeline-tillendcontainer .till_slideend .eg-icon-download-2 {
  291. display:inline-block;
  292. -webkit-transform: rotateZ(-90deg); transform:rotateZ(-90deg);
  293. }
  294. #linkInsertButton.disabled,#linkInsertTemplate.disabled {
  295. color:#ACA899;
  296. cursor:default;
  297. }
  298. .list-buttons li {
  299. float:left;
  300. margin-left:10px;
  301. }
  302. #ui-datepicker-div { padding:0px 20px 20px; background:#f1f1f1; border:1px solid #e5e5e5;z-index:9999 !important;}
  303. .ui-datepicker-header { font-size:16px;vertical-align: top; line-height:25px;}
  304. #ui-datepicker-div .ui-icon { text-indent: 0px;display: inline-block;margin-right: 15px;font-size: 12px;text-align: center; cursor: pointer;}
  305. .ui-datepicker-calendar tbody { text-align: center;}
  306. .ui-datepicker-calendar tbody .ui-state-default { text-decoration: none;color:#2980b9; font-weight:700; }
  307. .ui-datepicker-calendar tbody .ui-datepicker-week-end .ui-state-default { text-decoration: none;color:#e67e22; font-weight:700; }
  308. .ui-datepicker-calendar tbody .ui-state-default.ui-state-highlight { text-decoration: none; background-color:#e74c3c; font-weight: 700; color:#fff; border-radius: 50%; -webkit-border-radius:50%; min-width:15px; display: inline-block;}
  309. /* ============================================= */
  310. /* End Params Layer Form Part */
  311. /* ============================================= */
  312. .link_show_params { margin-left:70px;}
  313. .link_show_advanced_params { margin-left:20px;}
  314. .link_show_params.button-selected { color:green;}
  315. #custom_attributes { clear:both;}
  316. .layer-animations .setting_text { width:100px;}
  317. .layer-links .setting_text { width:100px;}
  318. #layer_resizeme_row .setting_text { width:auto;}
  319. /****************************** - SPECIALS -********************************/
  320. .tp-closedatstart { display:none;}
  321. #layer_link_open_in_row { float:left;}
  322. .tp-present-caption { display: inline-block}
  323. .tp-present-caption .tp-caption { position: relative !important}
  324. .tp-present-wrapper { max-width:auto !important; background:url(../images/trans_tile.png) repeat !important; display:inline-block !important;border:0 !important; border-radius: 0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding:15px 10px !important; }
  325. .tp-present-wrapper-parent-small { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  326. filter: alpha(opacity=100) !important;
  327. -moz-opacity: 1 !important;
  328. -khtml-opacity: 1 !important;
  329. opacity: 1 !important;
  330. position:absolute;
  331. }
  332. .tp-present-wrapper-parent-small .tipsy-arrow { display:none; }
  333. .tp-present-caption-small { display: inline-block}
  334. .tp-present-caption-small .tp-caption { position: relative !important}
  335. .tp-present-wrapper-small { overflow:hidden; max-width:450px !important; background:url(../images/trans_tile.png) repeat !important; display:inline-block !important;border:none !important; border-radius: 0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important; padding:15px 10px !important; position: relative;overflow: hidden; }
  336. .example-dark-blinker { width:100%;height:100%;position:absolute; top:0px;left:0px;background:rgba(0,0,0,0.5); animation:blinkdark 3s infinite; -webkit-animation:blinkdark 2s infinite}
  337. @-webkit-keyframes blinkdark {
  338. 0% { background:rgba(0,0,0,0.5); }
  339. 50% { background:rgba(255,255,255,0.5); }
  340. 100% { background:rgba(0,0,0,0.5); }
  341. }
  342. #divLayers .slide_layer:hover>.innerslide_layer.tp-caption,
  343. #divLayers.onelayerinmove .slide_layer>.innerslide_layer.tp-caption,
  344. #divLayers .multiplelayerselected.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #9b59b6; }
  345. #divLayers .ldles_1.slide_layer:hover>.innerslide_layer.tp-caption,
  346. #divLayers.onelayerinmove .ldles_1.slide_layer>.innerslide_layer.tp-caption,
  347. #divLayers .multiplelayerselected.ldles_1.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #f1c40f;}
  348. #divLayers .ldles_2.slide_layer:hover>.innerslide_layer.tp-caption,
  349. #divLayers.onelayerinmove .ldles_2.slide_layer>.innerslide_layer.tp-caption,
  350. #divLayers .multiplelayerselected.ldles_2.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #e67e22;}
  351. #divLayers .ldles_3.slide_layer:hover>.innerslide_layer.tp-caption,
  352. #divLayers.onelayerinmove .ldles_3.slide_layer>.innerslide_layer.tp-caption,
  353. #divLayers .multiplelayerselected.ldles_3.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #e74c3c;}
  354. #divLayers .ldles_4.slide_layer:hover>.innerslide_layer.tp-caption,
  355. #divLayers.onelayerinmove .ldles_4.slide_layer>.innerslide_layer.tp-caption,
  356. #divLayers .multiplelayerselected.ldles_4.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #2ecc71;}
  357. #divLayers .ldles_5.slide_layer:hover>.innerslide_layer.tp-caption,
  358. #divLayers.onelayerinmove .ldles_5.slide_layer>.innerslide_layer.tp-caption,
  359. #divLayers .multiplelayerselected.ldles_5.slide_layer>.innerslide_layer.tp-caption { box-shadow:0px 0px 0px 2px #95a5a6;}
  360. /*************************************************
  361. - NEW ADD ONS IN VERSION 5.0
  362. -*************************************************/
  363. /* LAYER SETTINGS TABS */
  364. .rs-template-settings-tabs,
  365. .rs-layer-settings-tabs { list-style:none; line-height:45px; margin-top:0; margin-bottom:0; max-height:45px;}
  366. .rs-template-settings-tabs li,
  367. .rs-layer-settings-tabs li { cursor:pointer; list-style:none; position:relative; line-height:45px; vertical-align:middle; float:left; padding:0 20px; background:#fff; border-left:1px solid #e5e5e5; margin:0!important;}
  368. #video_dialog_tabs li [class^="eg-icon-"]:before,
  369. #video_dialog_tabs li [class*=" eg-icon-"]:before { color:#333}
  370. #video_dialog_tabs li:hover [class^="eg-icon-"]:before,
  371. #video_dialog_tabs li:hover [class^="eg-icon-"]:before,
  372. #video_dialog_tabs li.selected [class*=" eg-icon-"]:before { color:#fff !important;}
  373. .rs-template-settings-tabs li:last-child,
  374. .rs-layer-settings-tabs li:last-child { border-right:1px solid #e5e5e5;}
  375. .rs-template-settings-tabs li.selected,
  376. .rs-layer-settings-tabs li.selected,
  377. .rs-template-settings-tabs li:hover,
  378. .rs-layer-settings-tabs li:hover { background:#3498db; color:#fff; border-left:1px solid #3498db;}
  379. .rs-slide-settings-tabs { list-style:none; line-height:45px; margin-top:0; margin-bottom:0; max-height:45px;}
  380. .rs-slide-settings-tabs li { cursor:pointer; list-style:none; position:relative; line-height:45px; vertical-align:middle; float:left; padding:0 20px; background:#fff; border-left:1px solid #e5e5e5; margin:0!important;}
  381. .rs-slide-settings-tabs li:last-child { border-right:1px solid #e5e5e5;}
  382. .rs-slide-settings-tabs li.selected,
  383. .rs-slide-settings-tabs li:hover { background:#3498db; color:#fff;}
  384. .rs-slide-settings-tabs li i:before { color:#333;}
  385. .rs-template-settings-tabs li.selected i:before,
  386. .rs-layer-settings-tabs li.selected i:before,
  387. .rs-template-settings-tabs li:hover i:before,
  388. .rs-layer-settings-tabs li:hover i:before,
  389. .rs-slide-settings-tabs li.selected i:before,
  390. .rs-slide-settings-tabs li:hover i:before { color:#fff !important;}
  391. .rs-layer-main-image-tabs,
  392. .rs-layer-nav-settings-tabs.
  393. .rs-layer-animation-settings-tabs,
  394. .rs-layer-css-ele { list-style:none; line-height:25px; margin:0 20px 4px; max-height:27px; border-bottom:1px solid #eee;}
  395. .rs-layer-main-image-tabs,
  396. .rs-layer-nav-settings-tabs { margin-left:0px;}
  397. .rs-layer-main-image-tabs li,
  398. .rs-layer-nav-settings-tabs li,
  399. .rs-layer-animation-settings-tabs li,
  400. .rs-layer-css-ele li { cursor:pointer; list-style:none; position:relative; line-height:27px; vertical-align:middle; margin:0 20px; display:inline-block; margin-right:-4px; border-bottom:1px solid #eee;}
  401. .rs-layer-main-image-tabs li:first-child,
  402. .rs-layer-nav-settings-tabs li:first-child,
  403. .rs-layer-css-ele li:first-child { margin-left:0;}
  404. .rs-layer-main-image-tabs li:last-child,
  405. .rs-layer-nav-settings-tabs li:last-child,
  406. .rs-layer-animation-settings-tabs li:last-child,
  407. .rs-layer-css-ele li:last-child { margin-right:0;}
  408. .rs-layer-main-image-tabs li.selected,
  409. .rs-layer-main-image-tabs li:hover,
  410. .rs-layer-nav-settings-tabs li.selected,
  411. .rs-layer-nav-settings-tabs li:hover,
  412. .rs-layer-animation-settings-tabs li.selected,
  413. .rs-layer-animation-settings-tabs li:hover,
  414. .rs-layer-css-ele li:hover { border-bottom-color:#3498db; color:#3498db;}
  415. .inner-settings-wrapper,
  416. .inner-settings-wrapper li { position:relative;}
  417. /*TOOLBAR ICONS*/
  418. .rs-toolbar-icon { display:inline-block; background-position:50% 45%; margin-right:5px; background-repeat:no-repeat!important; height:26px; vertical-align:middle; font-size: 16px}
  419. .rs-toolbar-icon.fa-icon-object-group { font-size: 18px; line-height: 25px}
  420. .rs-icon-inanim { background-image:url(../images/toolbar/animate_in.png); background-size:24px 12px; min-width:24px;}
  421. .rs-icon-outanim { background-image:url(../images/toolbar/animate_out.png); background-size:24px 12px; min-width:24px;}
  422. .rs-icon-fonttemplate { background-image:url(../images/toolbar/icon-fonttemplate.png); background-size:12px 12px; min-width:12px;}
  423. .rs-mini-layer-icon.fa-icon-star-half-empty,
  424. .rs-mini-layer-icon.fa-icon-arrows-alt,
  425. .rs-mini-layer-icon.fa-icon-th-large { margin-right: 7px;font-size: 14px;display: inline-block;vertical-align: middle;line-height: 24px;}
  426. .rs-icon-layertext,
  427. .rs-icon-layerfont,
  428. .rs-icon-layerimage,
  429. .rs-icon-layervideo,
  430. .rs-icon-layeraudio,
  431. .rs-icon-layerbutton,
  432. .rs-icon-layersvg,
  433. .rs-icon-layergroup,
  434. .rs-icon-layercolumns,
  435. .rs-icon-layershape { min-width:20px; min-height: 20px; display: inline-block; background-position: center; background-repeat:no-repeat;}
  436. .rs-icon-layertext,
  437. .rs-icon-layerfont { background-image:url(../images/icon-text-layer.png); background-size:14px 15px; }
  438. .rs-icon-layerimage { background-image:url(../images/icon-image-layer.png); background-size:18px 18px; }
  439. .rs-icon-layervideo { background-image:url(../images/icon-video-layer.png); background-size:18px 12px; }
  440. .rs-icon-layerbutton { background-image:url(../images/icon-button-layer.png); background-size:19px 11px; }
  441. .rs-icon-layershape { background-image:url(../images/icon-shape-layer.png); background-size:18px 18px; }
  442. .rs-icon-layeraudio { background-image:url(../images/icon-audio-layer.png); background-size:18px 18px; }
  443. .rs-icon-layersvg { background-image:url(../images/icon-svg-layer.png); background-size:16px 16px; }
  444. .rs-icon-layergroup { background-image:url(../images/icon-group-layer.png); background-size:16px 16px; }
  445. .rs-icon-layercolumns { background-image:url(../images/icon-columns-layer.png); background-size:16px 16px; }
  446. .rs-icon-layertext_n,
  447. .rs-icon-layerfont_n,
  448. .rs-icon-layerimage_n,
  449. .rs-icon-layervideo_n,
  450. .rs-icon-layeraudio_n,
  451. .rs-icon-layersvg_n,
  452. .rs-icon-layerbutton_n,
  453. .rs-icon-layerimport_n,
  454. .rs-icon-layershape_n,
  455. .rs-icon-layergroup_n,
  456. .rs-icon-layercolumns_n,
  457. .rs-icon-layercolumn_n { min-width:20px; min-height: 20px; display: inline-block; background-position: center; background-repeat:no-repeat; backgound-size:20px 20px;}
  458. #button_add_layer_import .eg-icon-download:before { color:#fff; opacity:0.8;}
  459. #button_add_layer_import:hover .eg-icon-download:before { color:#fff; opacity:1;}
  460. .rs-icon-layertext_n,
  461. .rs-icon-layerfont_n { background-image:url(../images/i_addlayer_text.png); }
  462. .rs-icon-layerimage_n { background-image:url(../images/i_addlayer_image.png); }
  463. .rs-icon-layervideo_n { background-image:url(../images/i_addlayer_video.png); }
  464. .rs-icon-layerbutton_n { background-image:url(../images/i_addlayer_button.png); }
  465. .rs-icon-layershape_n { background-image:url(../images/i_addlayer_shape.png); }
  466. .rs-icon-layersvg_n { background-image:url(../images/i_addlayer_svg.png); }
  467. .rs-icon-layeraudio_n { background-image:url(../images/i_addlayer_audio.png); }
  468. .rs-icon-layerimport_n { background-image:url(../images/icon-plus.png); }
  469. .rs-icon-layergroup_n { background-image:url(../images/i_addlayer_group.png); }
  470. .rs-icon-layercolumns_n,
  471. .rs-icon-layercolumn_n { background-image:url(../images/i_addlayer_column.png); }
  472. .sortbox_text .rs-icon-layerfont,
  473. .sortbox_text .rs-icon-layerimage,
  474. .sortbox_text .rs-icon-layervideo,
  475. .sortbox_text .rs-icon-layerbutton,
  476. .sortbox_text .rs-icon-layershape { background-size:60%;}
  477. .sortbox_text .rs-icon-layerbutton { background-image:url(../images/toolbar/timeline_button.png); background-size:16px 16px;}
  478. .sortbox_text .rs-icon-layershape { background-image:url(../images/toolbar/timeline_shape.png); background-size:16px 16px;}
  479. .sortbox_text .rs-icon-layersvg { background-image:url(../images/toolbar/timeline_svg.png); background-size:16px 16px;}
  480. .sortbox_text .rs-icon-layeraudio { background-image:url(../images/toolbar/timeline_audio.png); background-size:16px 16px;}
  481. .sortbox_text .rs-icon-layergroup { background-image:url(../images/toolbar/timeline_group.png); background-size:16px 12px;}
  482. .sortbox_text .rs-icon-layercolumns { background-image:url(../images/toolbar/timeline_columns.png); background-size:17px 12px;}
  483. .rs-icon-fontsize { background-image:url(../images/toolbar/icon-fontsize.png); background-size:18px 12px; min-width:18px;}
  484. .rs-icon-lineheight { background-image:url(../images/toolbar/icon-lineheight.png); background-size:7px 18px; min-width:17px;}
  485. .rs-icon-letterspacing { background-image:url(../images/toolbar/icon-letterspacing.png); background-size:17px 16px; min-width:17px;}
  486. .rs-icon-fontweight { background-image:url(../images/toolbar/icon-fontweight.png); background-size:19px 15px; min-width:19px;}
  487. .rs-cover-size-icon { background-image:url(../images/toolbar/icon-coverratio.png); background-size:20px 14px; min-width:20px;}
  488. .rs-icon-color { background-image:url(../images/toolbar/icon-color.png); background-size:12px 12px; min-width:12px;}
  489. .rs-icon-wrap { background-image:url(../images/toolbar/icon-wrap-light.png); background-size:18px 12px; min-width:18px;}
  490. .notselected .rs-icon-wrap { background-image:url(../images/toolbar/icon-wrap.png); background-size:18px 12px; min-width:18px;}
  491. .rs-icon-parallax { background-image:url(../images/toolbar/icon-parallax.png); background-size:17px 17px; min-width:17px;}
  492. .rs-icon-xoffset { background-image:url(../images/toolbar/icon-xoffset.png); background-size:24px 10px; min-width:24px;}
  493. .rs-icon-yoffset { background-image:url(../images/toolbar/icon-yoffset.png); background-size:11px 24px; min-width:11px;}
  494. .rs-icon-zoffset { background-image:url(../images/toolbar/icon-zoffset.png); background-size:15px 22px; min-width:15px;}
  495. .rs-icon-maxwidth { background-image:url(../images/toolbar/icon-maxwidth.png); background-size:29px 10px; min-width:29px;}
  496. .rs-icon-maxheight { background-image:url(../images/toolbar/icon-maxheight.png); background-size:9px 24px; min-width:9px;}
  497. .rs-icon-minheight { background-image:url(../images/toolbar/icon-minheight.png); background-size:9px 22px; min-width:9px;}
  498. .rs-icon-2drotation { background-image:url(../images/toolbar/icon-2drotation.png); background-size:13px 13px; min-width:13px;}
  499. .rs-icon-originx { background-image:url(../images/toolbar/icon-originx.png); background-size:24px 13px; min-width:24px;}
  500. .rs-icon-originy { background-image:url(../images/toolbar/icon-originy.png); background-size:24px 16px; min-width:24px;}
  501. .rs-icon-scratch { background-image:url(../images/toolbar/icon-link.png); background-size:13px 13px; min-width:13px; cursor:pointer; background-position:50% 36%; width:26px; height:26px;}
  502. .rs-icon-droplet { background-image:url(../images/toolbar/droplet_black.png); background-size:10px 17px; min-width:10px;}
  503. .rs-icon-largearrow { background-image:url(../images/toolbar/largearrow_black.png); background-size:14px 27px; min-width:14px;}
  504. .rs-icon-chooser-1 { background-image:url(../images/toolbar/icon-chooser-1-dark.png); background-size:16px 16px; min-width:16px;}
  505. .rs-icon-chooser-2 { background-image:url(../images/toolbar/icon-chooser-2-dark.png); background-size:19px 16px; min-width:19px;}
  506. .rs-icon-chooser-3 { background-image:url(../images/toolbar/icon-chooser-3-dark.png); background-size:18px 12px; min-width:18px;}
  507. .rs-icon-advanced { background-image:url(../images/toolbar/visibility_black.png); background-size:9px 18px; min-width:9px;}
  508. .rs-icon-visibility { background-image:url(../images/toolbar/eye_black.png); background-size:20px 12px; min-width:20px;}
  509. .rs-icon-globe { background-image:url(../images/toolbar/icon-globe.png); background-size:16px 16px; min-width:16px;}
  510. .rs-icon-clock { background-image:url(../images/toolbar/icon-clock.png); background-size:16px 16px; min-width:16px;}
  511. .rs-icon-link { background-image:url(../images/toolbar/icon-link.png); background-size:16px 16px; min-width:16px;}
  512. .rs-icon-rotation-start { background-image:url(../images/toolbar/icon-rotation-start.png); background-size:47px 14px; min-width:47px;}
  513. .rs-icon-rotation-end { background-image:url(../images/toolbar/icon-rotation-end.png); background-size:37px 14px; min-width:37px;}
  514. .rs-icon-edit-basic { background-image:url(../images/toolbar/tools_black.png); background-size:18px 16px; min-width:18px;}
  515. .rs-icon-desktop { background-image:url(../images/toolbar/icon-mode-desktop-dark.png); background-size:18px 18px; min-width:18px;}
  516. .rs-icon-laptop { background-image:url(../images/toolbar/icon-mode-laptop-dark.png); background-size:20px 16px; min-width:18px;}
  517. .rs-icon-tablet { background-image:url(../images/toolbar/icon-mode-tablet-dark.png); background-size:17px 20px; min-width:17px;}
  518. .rs-icon-phone { background-image:url(../images/toolbar/icon-mode-phone-dark.png); background-size:12px 20px; min-width:12px;}
  519. .rs-icon-skewx { background-image:url(../images/toolbar/icon-skewx.png); background-size:27px 17px; min-width:27px;}
  520. .rs-icon-skewy { background-image:url(../images/toolbar/icon-skewy.png); background-size:17px 21px; min-width:17px;}
  521. .rs-icon-perspective { background-image:url(../images/toolbar/icon-perspective.png); background-size:21px 18px; min-width:21px;}
  522. .rs-icon-rotationx { background-image:url(../images/toolbar/icon-rotationx.png); background-size:22px 15px; min-width:22px;}
  523. .rs-icon-rotationy { background-image:url(../images/toolbar/icon-rotationy.png); background-size:15px 22px; min-width:15px;}
  524. .rs-icon-rotationz { background-image:url(../images/toolbar/icon-rotationz.png); background-size:18px 18px; min-width:18px;}
  525. .rs-icon-plus-gray { background-image:url(../images/toolbar/plus_grey.png); background-position:center center; background-repeat:no-repeat; background-size:10px 10px; min-width:10px; display:inline-block; height:26px; vertical-align:middle;}
  526. #add_customanimation_in.selected .rs-icon-plus-gray,
  527. #add_customanimation_out.selected .rs-icon-plus-gray,
  528. #add_customanimation_in:hover .rs-icon-plus-gray,
  529. #add_customanimation_out:hover .rs-icon-plus-gray { background-image:url(../images/toolbar/plus_white.png);}
  530. .rs-icon-schin { background-image:url(../images/toolbar/schematic_in.png); background-size:70px 18px; min-width:70px;}
  531. .rs-icon-schout { background-image:url(../images/toolbar/schematic_out.png); background-size:70px 18px; min-width:70px;}
  532. .rs-icon-save-dark { background-image:url(../images/toolbar/icon-save-dark.png); background-size:12px 12px; min-width:12px; height:20px;}
  533. .rs-icon-save-light { background-image:url(../images/toolbar/icon-save-light.png); background-size:16px 16px; min-width:16px;}
  534. .rs-icon-fontfamily { background-image:url(../images/toolbar/icon-fontfamily.png); background-size:16px 15px; min-width:16px;}
  535. .rs-icon-padding { background-image:url(../images/toolbar/icon-padding.png); background-size:20px 20px; min-width:20px;}
  536. .rs-icon-margin { background-image:url(../images/toolbar/icon-margin.png); background-size:20px 20px; min-width:20px;}
  537. .rs-icon-text-align { background-image:url(../images/toolbar/icon-texthorizontal.png); background-size:21px 17px; min-width:21px;}
  538. .rs-icon-vertical-align { background-image:url(../images/toolbar/icon-textvertical.png); background-size:21px 17px; min-width:21px;}
  539. .rs-icon-decoration { background-image:url(../images/toolbar/icon-decoration.png); background-size:10px 13px; min-width:10px;}
  540. .rs-icon-transform { background-image:url(../images/toolbar/icon-transform.png); background-size:17px 16px; min-width:17px;}
  541. .rs-icon-italic { background-image:url(../images/toolbar/icon-italic.png); background-size:6px 14px; min-width:6px;}
  542. .rs-icon-bg { background-image:url(../images/toolbar/icon-bg.png); background-size:19px 19px; min-width:19px;}
  543. .rs-icon-borderwidth { background-image:url(../images/toolbar/icon-borderwidth.png); background-size:17px 17px; min-width:17px;}
  544. .rs-icon-borderradius { background-image:url(../images/toolbar/icon-borderradius.png); background-size:17px 17px; min-width:17px;}
  545. .rs-icon-bordercolor { background-image:url(../images/toolbar/icon-bordercolor.png); background-size:17px 17px; min-width:17px;}
  546. .rs-icon-borderstyle { background-image:url(../images/toolbar/icon-borderstyle.png); background-size:17px 17px; min-width:17px;}
  547. .rs-icon-scalex { background-image:url(../images/toolbar/icon-scalex.png); background-size:22px 17px; min-width:22px;}
  548. .rs-icon-scaley { background-image:url(../images/toolbar/icon-scaley.png); background-size:15px 22px; min-width:15px;}
  549. .rs-icon-opacity { background-image:url(../images/toolbar/icon-opacity.png); background-size:17px 17px; min-width:17px;}
  550. #layer-prop-wrapper,
  551. #layer-linebreak-wrapper,
  552. #layer-displaymode-wrapper,
  553. #reset-scale { cursor:pointer; display:inline-block;padding:0px !important; margin-right:5px !important; position:relative; width:31px; height:26px; text-align:center; vertical-align: top !important; line-height:26px !important; background-position: center center; background-repeat: no-repeat;}
  554. #reset-scale { opacity:0.5; position:absolute; top:5px;right:0px; width:15px !important;height:15px !important; background-color:transparent; margin:0px !important; padding:0px !important; background-image:url(../images/toolbar/tp_reset.png); background-size:7px 8px;}
  555. #layer-prop-wrapper { opacity:0.5;position:absolute; top:20px;right:0px; width:15px !important;height:15px !important; background-color:transparent; margin:0px !important; padding:0px !important; background-image:url(../images/toolbar/tp_locked.png); background-size:6px 10px;}
  556. #layer-prop-wrapper.notselected { background-image:url(../images/toolbar/tp_unlocked.png);}
  557. #reset-scale:hover,
  558. #layer-prop-wrapper:hover { opacity:1}
  559. #layer-prop-wrapper input[type=checkbox] { width: 15px;height: 15px;margin: 0px;position: absolute;top: 0px;left: 0px; filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;}
  560. #layer-linebreak-wrapper input[type=checkbox],
  561. #layer-displaymode-wrapper input[type=checkbox] { width: 31px;height: 26px;margin: 0px;position: absolute;top: 0px;left: 0px; filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;}
  562. #layer-displaymode-wrapper { background-image:url(../images/toolbar/icon_displayblock.png); background-position:top;background-color:#ddd;}
  563. #layer-displaymode-wrapper.notselected { background-image:url(../images/toolbar/icon_displayinlineblock.png); background-position:top;background-color:#ddd;}
  564. #layer-linebreak-wrapper.notselected { background-image:url(../images/toolbar/icon_notextbreak.png); background-position:top;background-color:#ddd;}
  565. #layer-linebreak-wrapper { background-image:url(../images/toolbar/icon_textbreak.png); background-position:top;background-color:#ddd;}
  566. #layer-displaymode-wrapper:hover,
  567. #layer-linebreak-wrapper:hover { background-position:bottom; background-color:#999;}
  568. /* TAB HOVERS AND SELECTS */
  569. li.selected .rs-icon-droplet,li:hover .rs-icon-droplet { background-image:url(../images/toolbar/droplet_white.png)!important;}
  570. li.selected .rs-icon-advanced,li:hover .rs-icon-advanced { background-image:url(../images/toolbar/visibility_white.png)!important;}
  571. li.selected .rs-icon-chooser-1,li:hover .rs-icon-chooser-1 { background-image:url(../images/toolbar/icon-chooser-1-light.png)!important;}
  572. li.selected .rs-icon-chooser-2,li:hover .rs-icon-chooser-2 { background-image:url(../images/toolbar/icon-chooser-2-light.png)!important;}
  573. li.selected .rs-icon-chooser-3,li:hover .rs-icon-chooser-3 { background-image:url(../images/toolbar/icon-chooser-3-light.png)!important;}
  574. li.selected .rs-icon-visibility,li:hover .rs-icon-visibility { background-image:url(../images/toolbar/eye_white.png)!important;}
  575. li.selected .rs-icon-edit-basic,li:hover .rs-icon-edit-basic { background-image:url(../images/toolbar/tools_white.png)!important;}
  576. /* ANIMATION LAYER ICONS */
  577. .rs-icon-transition { background-image:url(../images/toolbar/icon-transition.png); background-size:18px 19px; min-width:18px;}
  578. .rs-icon-easing { background-image:url(../images/toolbar/icon-easing.png); background-size:18px 10px; min-width:18px;}
  579. .rs-icon-speed { background-image:url(../images/toolbar/icon-speed.png); background-size:18px 10px; min-width:18px;}
  580. .rs-icon-splittext { background-image:url(../images/toolbar/icon-splittext.png); background-size:17px 17px; min-width:17px;}
  581. .rs-icon-splittext-direction { background-image:url(../images/toolbar/text_direction.png); background-size:18px 12px; min-width:18px;}
  582. .rs-icon-splittext-delay { background-image:url(../images/toolbar/icon-splittext-delay.png); background-size:19px 19px; min-width:19px;}
  583. /* LAYER ICONS */
  584. .add-layer-button { outline:none!important; border:none!important; text-shadow:none!important; box-shadow:none!important; position:relative; display:block; text-decoration:none!important; height:30px; vertical-align:middle; border:none; line-height:20px; margin:0; padding:0 15px; }
  585. .quick-layers-list .add-layer-button { padding:0px 10px;}
  586. .add-layer-button i { background-position:50% 50%; background-repeat:no-repeat!important; width:20px; height:30px; position:relative; display:inline-block;}
  587. .add-layer-txt { font-size:13px; color:#ffffff; line-height:30px; text-decoration:none!important; border-bottom:none; vertical-align: middle;display: inline-block;font-weight: 600; max-width:125px; white-space: nowrap;overflow: hidden; margin-left: 10px;}
  588. .quick-layers-list .add-layer-txt { margin-left:0px; cursor: pointer;}
  589. #button_add_object_layer,
  590. #button_select_quick_layer,
  591. #button_add_any_layer,
  592. #rs-do-set-style-on-devices { position:relative; white-space:nowrap; display:inline-block; margin-right:1px; text-decoration:none!important; height:30px; vertical-align:middle; border:none; line-height:30px; margin:0; padding:0px 10px; background:#3498db; border-radius: 6px;font-weight: 600;}
  593. #button_add_object_layer { background:#9b59b6;outline: none !important; box-shadow: none !important }
  594. #button_add_object_layer span { vertical-align: top}
  595. #button_add_object_layer i,
  596. #button_select_quick_layer i,
  597. #button_add_any_layer i,
  598. #rs-do-set-style-on-devices i { background-position:50% 50%; background-repeat:no-repeat!important; position:relative; display: inline-block; vertical-align: middle; line-height: 30px;}
  599. #button_add_object_layer i:before,
  600. #button_select_quick_layer i:before,
  601. #button_add_any_layer i:before,
  602. #rs-do-set-style-on-devices i:before { color:#fff!important; font-size:21px; margin:0px; line-height: 40px;vertical-align: top;}
  603. #button_add_object_layer i:before { line-height: 30px; vertical-align: top}
  604. #rs-do-set-style-on-devices { color: #FFF; }
  605. #quick-layer-selector-container { border-left:1px solid #2e2e2e; border-right:1px solid #2e2e2e; display:inline-block; position:absolute;top:0px;left:50%;margin-left:-242px;z-index:900;width:485px;height:50px;vertical-align: middle}
  606. #object_library_call_wrapper { display:inline-block; position: absolute; top:10px; left:50%; z-index:2101; margin-left:-530px;}
  607. #add-layer-selector-container { display:inline-block; position:absolute;top:10px;left:50%;z-index:2101; margin-left:-385px;}
  608. #top-toolbar-wrapper { width:100%;background:#252525;position:relative;z-index:1900;height:50px;}
  609. .current-active-main-toolbar { background:#252525; padding:10px 10px 10px 30px ; width:485px;box-sizing: border-box;-moz-box-sizing: border-box;}
  610. #the_current-editing-layer-title,
  611. .layer-title-in-list { width:155px !important; max-width:155px !important; min-width:155px !important;line-height:30px !important; background:transparent !important; border-radius: 4px;height:30px !important;color:#fff !important; border:none;outline:none;box-shadow: none;margin:0px!important;float:left !important;max-height:30px !important;}
  612. .layer-title-in-list:focus,
  613. .layer-title-in-list:hover { color:#fff !important;}
  614. .layersortclass.eg-icon-sort { cursor: move;}
  615. #quick-layers-wrapper { min-width:200px; width:100%; position:relative; left:0;display:none;}
  616. #add-new-layer-container-wrapper { min-width:200px; width:100%; position:relative; left:-37px;display:none;}
  617. #add-new-layer-container-wrapper { min-width:150px;}
  618. #quick-layers { display:block; position:relative;z-index:2000; font-weight: 500; background: #252525; padding:10px 0px; box-sizing: border-box;-moz-box-sizing: border-box;}
  619. #quick-layers .ps-scrollbar-y-rail { left:10px !important; right:auto;}
  620. #quick-layers .ps-scrollbar-x-rail { display:none !important;}
  621. #add-new-layer-container { display:block; position:relative;z-index:2000; font-weight: 500; background: #252525; padding:22px 30px; box-sizing: border-box;-moz-box-sizing: border-box; min-height: 205px}
  622. #add-layer-minimiser { width:10px;height:40px;position:absolute;z-index:1000;top:50px;left:40px; background:#333; border-radius: 0px 4px 4px 0px;cursor:pointer;}
  623. #add-layer-minimiser:after { content: '\e820'; font-family: "eg-font"; position: absolute; top:50%;left:50%;margin-left:-5px;margin-top:-8px; color:#fff; font-size:15px; }
  624. #add-layer-minimiser.closed { background: #3498DB;width: 15px; }
  625. #add-layer-minimiser.closed:after { content: '\e81d';margin-left:-3px;}
  626. .quick-layers-list .add-layer-txt,
  627. #add-new-layer-container .add-layer-txt { font-weight: 400}
  628. #add-new-layer-container .add-layer-button { opacity:0.4;}
  629. #add-new-layer-container .add-layer-button:hover,
  630. .quicksortlayer.ui-state-hover .add-layer-button { opacity:1;}
  631. .quicksortlayer.ui-state-hover .add-layer-button .add-layer-txt { color:#000;}
  632. .sortitem-hidden .add-layer-button { opacity:0.5;}
  633. .sortitem-locked .add-layer-button { background:#ccc;}
  634. #button_select_quick_layer .add-layer-txt,
  635. #button_add_any_layer .add-layer-txt,
  636. #rs-do-set-style-on-devices .add-layer-txt { font-size:13px; margin-left:10px; color:#fff; line-height:30px; text-decoration:none!important; border-bottom:none; vertical-align: top;}
  637. .quick-layer-all-lock { margin-right:10px;}
  638. .quick-layers-list { margin:0px 0px 0px; padding:0px 30px;max-height:175px; overflow: hidden; position: relative;}
  639. .quick-layers-list li { margin-bottom:5px; padding-left:0px; border:none !important; border-bottom:1px solid #2e2e2e !important; background:transparent !important;}
  640. .quick-edit-toolbar-in-list { visibility:hidden; float:left;display:block;}
  641. .quicksortlayer.selected .quick-edit-toolbar-in-list,
  642. .quick-layers-list li:hover .quick-edit-toolbar-in-list { visibility: visible}
  643. .quick-layers-list li:last-child { margin-bottom:0px;}
  644. .gototimeline { color:#fff; background:#999; border-radius: 4px; text-align: center; padding:5px 10px; display: block; cursor: pointer;}
  645. .quick-list-item-type { float:left;width:30px;height:30px;display:block;text-align: center;color:#fff;vertical-align: middle;line-height: 30px}
  646. .quick-list-item-type i:before { font-size:16px;color:#fff;opacity:0.4;}
  647. .rs-icon-addlayer { background-image:url(../images/toolbar/icon-add-layer.png); background-size:20px 14px;}
  648. .rs-icon-addlayer2 { background-repeat:no-repeat; vertical-align:top !important; background-position:50% 50%; display:inline-block;width:20px;height:30px;background-image:url(../images/toolbar/addlayer.png); background-size:20px 20px;}
  649. .rs-icon-addvideo { background-image:url(../images/toolbar/icon-add-video.png); background-size:20px 14px;}
  650. .rs-icon-addimage { background-image:url(../images/toolbar/icon-add-image.png); background-size:20px 19px;}
  651. .rs-icon-addimage-small { background-image:url(../images/toolbar/icon-add-image.png); margin-right:10px; width:16px; height:19px; display:inline-block; background-size:15px 15px; background-repeat:no-repeat;}
  652. .rs-icon-addduppl { background-image:url(../images/toolbar/icon-add-duplicate.png); background-size:20px 20px;}
  653. .rs-icon-delete { background-image:url(../images/toolbar/icon-delete.png); background-size:17px 21px;}
  654. .rs-icon-edit { background-image:url(../images/toolbar/icon-edit.png); background-size:20px 18px;}
  655. #rs-edit-minimiser { width:40px;height:10px;position:absolute;z-index:1000;top:40px;right:50px; background:#333; border-radius: 0px 0px 4px 4px;cursor:pointer;}
  656. #rs-edit-minimiser:after { content: '\e820'; font-family: "eg-font"; position: absolute; top:50%;left:50%;margin-left:-2px;margin-top:-11px; color:#fff; font-size:15px; transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);}
  657. #rs-edit-minimiser.closed { background:#3498db; height:15px;}
  658. #rs-edit-minimiser.closed:after { content: '\e81d'; margin-top:-8px;}
  659. .add-layer-button i,
  660. .quick-layers-list i { display: inline-block;vertical-align: top; line-height: 30px;}
  661. .layer-short-tool.revdarkgray { opacity:0.4 !important; cursor:default !important;}
  662. .layer-short-tool.revdarkgray.in-off { opacity:0.35 !important;}
  663. .layer-short-tool.revdarkgray.in-off i:before { color:#777 !important;}
  664. .quick-layer-lock.layer-short-tool { margin-right:0px; }
  665. .quick-layer-view.layer-short-tool { margin-left:18px; }
  666. #button_show_all_layer i { border-right: 2px solid #252525;}
  667. #button_show_all_layer.layer-short-tool.revdarkgray,
  668. .quick-layer-lock.layer-short-tool.revdarkgray,
  669. .quick-layer-view.layer-short-tool.revdarkgray { cursor: pointer !important; }
  670. .quick-layer-lock.layer-short-tool.revdarkgray,
  671. .quick-layer-view.layer-short-tool.revdarkgray { background:transparent !important; width:22px;}
  672. .quick-layer-lock.layer-short-tool.revdarkgray:before,
  673. .quick-layer-view.layer-short-tool.revdarkgray:before { font-size:14px;}
  674. #button_show_all_layer.layer-short-tool.revdarkgray:hover,
  675. .quick-layer-lock.layer-short-tool.revdarkgray:hover,
  676. .quick-layer-view.layer-short-tool.revdarkgray:hover { opacity:1 !important;}
  677. .quick-layer-all-view i:before,
  678. .quick-layer-view i:before,
  679. .quick-layer-all-lock i:before,
  680. .quick-layer-lock i:before { font-size:16px; color:#fff !important;}
  681. .quick-layers-list .add-layer-button i { margin-right:5px;}
  682. #button_show_all_layer,
  683. .quicksortlayer .layer-title-with-icon { width:200px; margin-right:10px;}
  684. .quicksortlayer .layer-title-with-icon i,
  685. #button_show_all_layer i { float:left;}
  686. .quicksortlayer .layer-title-with-icon i { cursor: pointer;}
  687. .quicksortlayer.selected .layer-title-with-icon,
  688. .quicksortlayer .layer-title-with-icon:hover { opacity:1 !important;}
  689. .nolayersavailable { text-align: center}
  690. .nolayersavailable .add-layer-button { padding-top:10px;}
  691. /* DEVICE SIZES */
  692. .rs-slide-device_selector,
  693. .rs-row-break-selector { opacity:0.65;cursor:pointer; display:block; float:left; margin-right:0px;position:relative; width:30px; height:40px; background-position:center center; background-repeat:no-repeat; margin-bottom:5px; }
  694. .rs-row-break-selector { display:inline-block;float: none }
  695. .rs-slide-device_selector:hover,
  696. .rs-row-break-selector:hover { opacity: 1;}
  697. .rs-slide-ds-notebook { background-image:url(../images/toolbar/icon-mode-laptop-dark.png); background-size:24px 16px;}
  698. .rs-slide-ds-notebook.selected,
  699. .rs-slide-ds-notebook:hover { background-image:url(../images/toolbar/icon-mode-laptop-light.png);}
  700. .rs-slide-ds-desktop { background-image:url(../images/toolbar/icon-mode-desktop-dark.png); background-size:22px 20px;}
  701. .rs-slide-ds-desktop.selected,
  702. .rs-slide-ds-desktop:hover { background-image:url(../images/toolbar/icon-mode-desktop-light.png);}
  703. .rs-slide-ds-tablet { background-image:url(../images/toolbar/icon-mode-tablet-dark.png); background-size:18px 24px;}
  704. .rs-slide-ds-tablet.selected,
  705. .rs-slide-ds-tablet:hover { background-image:url(../images/toolbar/icon-mode-tablet-light.png);}
  706. .rs-slide-ds-mobile { background-image:url(../images/toolbar/icon-mode-phone-dark.png); background-size:14px 22px;}
  707. .rs-slide-ds-mobile.selected,
  708. .rs-slide-ds-mobile:hover { background-image:url(../images/toolbar/icon-mode-phone-light.png);}
  709. #rs-edit-layers-on-btn { position:absolute; top:5px;left:50%;margin-left:265px;}
  710. /* ALIGN ICONS */
  711. .rs-icon-align { background-image:url(../images/toolbar/icon-align.png); background-size:16px 16px; min-width:16px;}
  712. .rs-icon-alignleft { background-image:url(../images/toolbar/icon-alignleft-dark.png); background-size:17px 16px; width:26px; height:26px;}
  713. .rs-icon-aligncenterh { background-image:url(../images/toolbar/icon-aligncenterh-dark.png); background-size:14px 16px; width:26px; height:26px;}
  714. .rs-icon-alignright { background-image:url(../images/toolbar/icon-alignright-dark.png); background-size:17px 16px; width:26px; height:26px;}
  715. .rs-icon-aligntop { background-image:url(../images/toolbar/icon-aligntop-dark.png); background-size:16px 17px; width:26px; height:26px;}
  716. .rs-icon-aligncenterv { background-image:url(../images/toolbar/icon-aligncenterv-dark.png); background-size:16px 14px; width:26px; height:26px;}
  717. .rs-icon-alignbottom { background-image:url(../images/toolbar/icon-alignbottom-dark.png); background-size:16px 17px; width:26px; height:26px;}a:hover .rs-icon-alignleft,a.selected .rs-icon-alignleft { background-image:url(../images/toolbar/icon-alignleft-light.png);}a:hover .rs-icon-aligncenterh,a.selected .rs-icon-aligncenterh { background-image:url(../images/toolbar/icon-aligncenterh-light.png); background-size:14px 16px; width:26px; height:26px;}a:hover .rs-icon-alignright,a.selected .rs-icon-alignright { background-image:url(../images/toolbar/icon-alignright-light.png); background-size:17px 16px; width:26px; height:26px;}a:hover .rs-icon-aligntop,a.selected .rs-icon-aligntop { background-image:url(../images/toolbar/icon-aligntop-light.png); background-size:16px 17px; width:26px; height:26px;}a:hover .rs-icon-aligncenterv,a.selected .rs-icon-aligncenterv { background-image:url(../images/toolbar/icon-aligncenterv-light.png); background-size:16px 14px; width:26px; height:26px;}a:hover .rs-icon-alignbottom,a.selected .rs-icon-alignbottom { background-image:url(../images/toolbar/icon-alignbottom-light.png); background-size:16px 17px; width:26px; height:26px;}
  718. .topdddborder { border-bottom:1px solid #ddd;}
  719. .layer-settings-toolbar { background-color:#eee;/*background-image:url(../images/toolbar/toolbar-bg.png);*/background-repeat:repeat; min-width:768px; min-height:41px;}
  720. .layer-settings-toolbar-bottom { line-height:25px; height:50px; position:relative;}
  721. .rs-layer-toolbar-box { padding:6px 20px; line-height:25px; border-left:1px solid #ddd; display:inline-block; margin-left:-1px;}
  722. .rs-layer-toolbar-box span { vertical-align:middle;}
  723. span#style-sub-parallax { padding-bottom:5px;}
  724. #extra_style_settings .rs-layer-toolbar-box { border-left:none;}
  725. .rs-layer-toolbar-box input[type="checkbox"] { margin-top:0;}
  726. select.rs-layer-input-field { min-width:0; height:25px; line-height:25px; vertical-align:middle; font-size:13px;}
  727. #viewWrapper .rs-layer-input-field { background:#e5e5e5; color:#777; font-size:12px; font-weight:600; padding:0 3px; border-radius:5px; -moz-border-radius:5px; max-height:26px; line-height:26px; vertical-align:middle; border:none!important; box-shadow:none!important; }
  728. #viewWrapper .layer_action_row textarea.rs-layer-input-field { padding:0px 10px; line-height: 26px;max-height: 26px; vertical-align: top; display: inline-block}
  729. #viewWrapper .rs-layer-input-field:focus { background:#ccc;}
  730. #viewWrapper .inner-settings-wrapper .rs-layer-input-field { background:#eee;}
  731. #viewWrapper .rs-layer-input-field.inputColorPicker { border:3px solid #999!important;}
  732. #viewWrapper .rs-layer-input-field:hover,
  733. #viewWrapper .rs-layer-input-field:focus { background:#ccc;}
  734. #viewWrapper .inner-settings-wrapper .rs-layer-input-field:hover,
  735. #viewWrapper .inner-settings-wrapper .rs-layer-input-field:focus { background:#ddd;}
  736. #css_fonts_down i:before,
  737. #layer_captions_down i:before { color:#000!important;}
  738. #css_fonts_down,
  739. #layer_captions_down { cursor:pointer; border:none!important; background:none!important; width:20px; margin-left:-25px; margin-right:7px; height:28px; vertical-align:middle;}
  740. #css_fonts_down span,
  741. #layer_captions_down span { background:none; margin:0; padding:0; text-align:center; vertical-align:middle; background:none!important; border:none!important;}
  742. .button-primary.layer-toolbar-button,
  743. #viewWrapper .layer-toolbar-button { border-radius:5px; -moz-border-radius:5px; margin-top:-1px; vertical-align:top; display:inline-block; padding:0 2px; height:26px; line-height:26px; margin:1px 0 0; outline:none!important; box-shadow:none!important;}
  744. #viewWrapper .layer-toolbar-button i { margin-right:0; font-size:16px;}
  745. .rs-layer-toolbar-div { margin:0 10px; height:28px; width:1px; display:inline-block; background:#ddd; vertical-align:middle;}
  746. .rs-layer-toolbar-space { margin:0 5px 0 0; height:28px; width:1px; display:inline-block; vertical-align:middle;}
  747. #rs-align-wrapper .eg-icon-arrow-combo:before { color:#000 !important;}
  748. #rs-align-wrapper .eg-icon-arrow-combo { transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);}
  749. #rs-align-wrapper-ver .eg-icon-arrow-combo:before { color:#000 !important;}
  750. #button_change_image,
  751. #button_change_image_yt,
  752. #button_change_image_objlib { vertical-align: top}
  753. #button_change_image i,
  754. #button_change_image_yt i,
  755. #button_change_image_objlib i { margin-right:10px;}
  756. #button_change_background_image,
  757. #button_change_background_image_objlib,
  758. #button_clear_background_image { width:27px;height:27px; padding:0px !important; text-align: center;}
  759. #button_change_background_image i,
  760. #button_change_background_image_objlib i,
  761. #button_clear_background_image i { margin-right:0px !important;}
  762. #rs-import-layer-selector .rs-layer-input-field {
  763. background: #e5e5e5;
  764. color: #777;
  765. font-size: 12px;
  766. font-weight: 600;
  767. padding: 0 3px;
  768. border-radius: 5px;
  769. -moz-border-radius: 5px;
  770. max-height: 25px;
  771. line-height: 25px;
  772. vertical-align: middle;
  773. border: none!important;
  774. box-shadow: none!important;
  775. width:200px;
  776. margin-right:15px;}
  777. #dialog_addimport { padding:30px;}
  778. #rs-import-layer-holder li { position:relative; line-height: 30px; font-size: 12px; color:#444; vertical-align: top; background: #e5e5e5; padding: 0px 15px; border-radius: 4px}
  779. #rs-import-layer-holder li:hover,
  780. #rs-import-layer-holder li.actionhover { background: #ccc}
  781. #rs-import-layer-holder li.layer-import-slide-seperator { background:#4aa3df; color:#fff;}
  782. #rs-import-layer-holder i { line-height: 30px; height:30px; vertical-align: top; margin-right:20px; opacity:0.5;}
  783. #rs-import-layer-holder .import-layer-now i { margin-right:0px; cursor:pointer;line-height: 30px;display: inline-block; border-left:1px solid #fff; opacity: 1;background: transparent; border-radius: 0px 4px 4px 0px}
  784. #rs-import-layer-holder .import-layer-now i:before { color:#888; line-height: 30px; vertical-align: middle; width:30px;}
  785. #rs-import-layer-holder .import-layer-now:hover i { background: #999}
  786. #rs-import-layer-holder .import-layer-now:hover i:before { color:#fff;}
  787. .import-layer-tools { position:absolute; top:0px;right:0px;}
  788. .rs-import-layer-name,
  789. .rs-import-layer-dimension,
  790. .import-layer-imported,
  791. .import-layer-withaction { margin-right:20px; line-height: 30px; vertical-align: top; display:inline-block; width:200px;border-left: 1px solid #fff; padding-left: 20px;}
  792. .rs-import-layer-dimension { width:60px;}
  793. .import-layer-withaction { width:90px;}
  794. .import-layer-imported { width:auto; display:none;}
  795. .layerimported .import-layer-imported { display: inline-block;}
  796. .import-action-off .import-layer-withaction { display: none}
  797. #rs-import-layer-slider,
  798. #rs-import-layer-slide,
  799. #rs-import-layer-type { height:30px !important; line-height: 30px !important; margin-bottom:15px; max-height: 30px !important}
  800. .first-import-notice { background: #ddd;width: 830px; text-align: center;margin: 0px -30px -50px -30px;height: 350px;padding-top: 70px;}
  801. .first-import-notice i { font-size:200px; color:#fff; text-align: center; display: block; height: 200px !important; color:#fff;}
  802. .first-import-notice i:before { color:#fff;}
  803. .first-import-notice .big-blue-block { background: #3498db; color: #fff;font-size: 25px;line-height: 45px;padding: 1px 25px;height: 45px;display: inline-block;font-weight: 400;}
  804. /****************************** - LAYER ACTION TABLE - *******************************************/
  805. .action_table_label { display:inline-block; width:100px; margin-right:30px;}
  806. .layer_action_table { padding:0px 0px; margin:0px !important;}
  807. #triggered-element-behavior .rs-layer-toolbar-box { border-left: none }
  808. .layer_action_table li { background:#ddd;line-height:38px; vertical-align: middle; padding:0px 15px;margin:0px !important;border-bottom:1px solid #ccc;}
  809. .layer_is_triggered.layer_action_wrap { margin-bottom: 5px !important; border-bottom: none !important;}
  810. #triggered-element-behavior { background:#ddd; line-height: 39px; margin-bottom: 5px; display: block;}
  811. .layer_action_table li select,
  812. .layer_action_table li input { margin-top:-2px !important}
  813. .layer_action_table,
  814. .layer_action_table li { list-style: none !important; }
  815. .layer_action_table li:last-child { border-bottom: none;}
  816. .add-action-row,
  817. .remove-action-row { position: relative;white-space: nowrap;display: inline-block;margin-right: 1px;text-decoration: none!important;height: 30px;width:30px;vertical-align: middle;
  818. border: none;line-height: 30px;margin: 0;padding: 0px 0px;
  819. background: #3498DB;border-radius: 6px;font-weight: 600;text-align: center;cursor: pointer;
  820. }
  821. .remove-action-row { background:#999; margin-right:5px;}
  822. .add-action-row i:before,
  823. .remove-action-row i:before { color:#fff;}
  824. .layer_is_triggered { padding-left:20px !important;}
  825. /****************************** - ANIMATION ADVANCED SETTINGS -********************************/
  826. #add_customanimation_in,
  827. #add_customanimation_out { margin-right:-3px; width:40px; height:40px; display:inline-block; background:#eee; vertical-align:top; border-left:1px solid #ddd; cursor:pointer;}
  828. #add_customanimation_in:hover,
  829. #add_customanimation_out:hover,
  830. #add_customanimation_in.selected,
  831. #add_customanimation_out.selected { background:#999;}
  832. #extra_start_animation_settings { border-bottom:1px solid #ddd;}
  833. /******************************************* - THE LAYER EDITOR CONTINAER -*******************************************/
  834. #thelayer-editor-wrapper { position:relative; overflow:hidden; background:#333; padding:40px; padding-bottom:0; min-height: 300px}
  835. .layer-settings-toolbar-bottom span.setting_text_3 { color:#fff!important;}
  836. #rs-layout-row-break span.setting_text_3 { vertical-align: top}
  837. #hor-css-linear { cursor:pointer; z-index:888; position:absolute; width:100%; height:20px; top:10px; left:0; background:repeat-x; background:url(../images/toolbar/newlinear-horizontal.png); background-size:100px 20px;}
  838. #ver-css-linear { cursor:pointer; z-index:888; position:absolute; height:100%; width:20px; top:-10px; left:10px; background:repeat-y; background:url(../images/toolbar/newlinear-vertical.png); background-size:20px 100px;}
  839. #horlinie { cursor:pointer; z-index:898; width:40px; position:absolute; top:0; left:0; height:1px; background:#4AFFFF;}
  840. #verlinie { cursor:pointer; z-index:898; height:40px; position:absolute; top:0; left:0; width:1px; background:#4AFFFF;}
  841. #hor-css-linear .linear-texts { margin:0; padding:0; height:20px; width:3500px; left:0; top:6px; position:absolute;}
  842. #mastertimer-linear .linear-texts:first-child li span { margin-left:2px !important;}
  843. #hor-css-linear .helplines-offsetcontainer { position:absolute; top:6px; left:0; visibility:hidden;}
  844. #hor-css-linear .linear-texts,
  845. #hor-css-linear .linear-texts li { list-style:none;}
  846. #hor-css-linear .linear-texts li { font-size:10px; color:#ddd; display:inline-block; width:100px; float:left; line-height:20px; vertical-align:top;}
  847. #hor-css-linear .linear-texts li span { margin-left:0; display:inline-block;}
  848. #ver-css-linear .linear-texts { margin:0; padding:0; height:auto; width:20px; left:0; top:48px; text-align:right; position:absolute;}
  849. #ver-css-linear .helplines-offsetcontainer { position:absolute; top:0; left:0; visibility:hidden;}
  850. #ver-css-linear .linear-texts,
  851. #ver-css-linear .linear-texts li { list-style:none;}
  852. #ver-css-linear .linear-texts li { font-size:10px; color:#ddd; display:inline-block; height:100px; margin-bottom:0; line-height:20px; vertical-align:top;}
  853. #ver-css-linear .linear-texts li span { margin-left:2px; display:inline-block;}
  854. #horlinetext { position:absolute; top:1px; left:11px; background:#333; padding:0 2px; font-size:10px; color:#4AFFFF;}
  855. #verlinetext { position:absolute; top:22px; line-height:4px; left:2px; background:#333; padding:2px 3px 4px; font-size:10px; color:#4AFFFF;}
  856. .helpline-remove,
  857. .helpline-drag { background:#4AFFFF; display:block; color:#fff; font-size:11px; padding:0; cursor:pointer; position:absolute; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20); filter:alpha(opacity=20); -moz-opacity:.2; -khtml-opacity:.2; opacity:.2;}
  858. .helpline-remove:before,
  859. .helpline-drag:before { color:#fff;}
  860. #hor-css-linear .helpline-remove { bottom:0; left:1px;}
  861. #hor-css-linear .helpline-drag { bottom:0; left:-15px;}
  862. #ver-css-linear .helpline-remove { right:0; top:0;}
  863. #ver-css-linear .helpline-drag { right:0; top:-18px;}
  864. .helplines:hover .helpline-drag,
  865. .helplines:hover .helpline-remove { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
  866. #hor-css-linear-cover-left { position:absolute; top:0; left:0; width:40px; height:40px; z-index:900; background:rgba(51,51,51,1); background:-moz-linear-gradient(left,rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); background:-webkit-gradient(left top,right top,color-stop(0%,rgba(51,51,51,1)),color-stop(100%,rgba(51,51,51,0))); background:-webkit-linear-gradient(left,rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); background:-o-linear-gradient(left,rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); background:-ms-linear-gradient(left,rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); background:linear-gradient(to right,rgba(51,51,51,1) 0%,rgba(51,51,51,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333',GradientType=1);}
  867. #hor-css-linear-cover-right { position:absolute; top:0; right:0; width:40px; height:40px; z-index:900; background:rgba(51,51,51,0); background:-moz-linear-gradient(left,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-webkit-gradient(left top,right top,color-stop(0%,rgba(51,51,51,0)),color-stop(100%,rgba(51,51,51,1))); background:-webkit-linear-gradient(left,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-o-linear-gradient(left,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-ms-linear-gradient(left,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:linear-gradient(to right,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333',GradientType=1);}
  868. #ver-css-linear-cover { position:absolute; bottom:0; left:0; width:40px; height:40px; z-index:900; background:rgba(51,51,51,0); background:-moz-linear-gradient(top,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(51,51,51,0)),color-stop(100%,rgba(51,51,51,1))); background:-webkit-linear-gradient(top,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-o-linear-gradient(top,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:-ms-linear-gradient(top,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); background:linear-gradient(to bottom,rgba(51,51,51,0) 0%,rgba(51,51,51,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333',GradientType=0);}
  869. /**************************************** - SLIDE LIST ON SLIDE EDITOR -****************************************/
  870. .list_slide_links { list-style:none;}
  871. .list_slide_links li { list-style:none; display:inline-block; margin-right:5px; margin-bottom:35px; position:relative; z-index:50;}
  872. .list_slide_links li:hover,
  873. .list_slide_links li.infocus { z-index:500;}
  874. .slide-media-container { display:block !important; width:160px !important; height:84px !important; position:relative; top:0; left:0;}
  875. .mini-transparent { background:url(../images/trans_tile.png); background-repeat:repeat;}
  876. .slide-link-content { position:absolute; top:84px; left:0; background:#eee; color:#555; font-size:12px; width:100%; display:block; overflow:hidden; line-height:33px; text-align:left; box-sizing:border-box; -moz-box-sizing:border-box; }
  877. .slide-link-nr { margin-right:5px; font-weight:600; margin-left:20px;}
  878. .slide-link { display:block; vertical-align:middle; position:relative;}
  879. .list_static_slide_links a,
  880. .list_slide_links a { text-decoration:none; color:#000;}
  881. .icon-basketball { background:url(../images/toolbar/icon-basketball2.png); background-position:center 45px; background-repeat:no-repeat;}
  882. .slide-remove i { width:14px; height:20px; vertical-align:middle; display:inline-block; background-size:11px 14px; background-position:center center; background-repeat:no-repeat;}
  883. .slide-duplicate i { width:14px; height:20px; vertical-align:middle; display:inline-block; background-size:14px 14px; background-position:center center; background-repeat:no-repeat;}
  884. .slidetitleinput { outline:none!important; border:none; color:#555; width:85px; background:transparent; font-size:12px; box-shadow:none; text-shadow:none; padding:3px 5px 3px 0px;}
  885. .slide-media-container i:before { color:#000;}
  886. /* MINI TOOLBAR FOR SLIDES */
  887. .emptyspace-wrapper { padding:10px; position:absolute; top:-56px; left:70px; visibility:hidden; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
  888. .slide-link-toolbar { display:none; white-space:nowrap; position:relative;}
  889. .slide-link-toolbar-button { display:block; line-height:33px; padding:0 20px; font-size:12px;}
  890. .slide-link-toolbar-button i { color:#fff; line-height:32px; font-size:12px; margin-right:5px; margin-top:0; vertical-align:top; display:inline-block;}
  891. .slide-link-toolbar-button i:before { margin:0;}
  892. .small-triangle-bar { visibility:hidden; position:absolute; top:-10px; left:50%; margin-left:-10px; width:0; height:0; border-style:solid; border-width:10px 10px 0; border-color:#eee transparent transparent;}
  893. .slide-link-toolbar-button:hover span,
  894. .slide-link-toolbar-button:hover i,
  895. .slide-link-toolbar-button:hover i:before { color:#999; font-weight:600;}
  896. .slide-link-toolbar-button span,
  897. .slide-link-toolbar-button i:before { color:#999; font-weight:600;}
  898. .list_slide_links li:hover { z-index:100;}
  899. .list_slide_links li.selected .slide-link-content,
  900. .list_slide_links li:hover .slide-link-content { background:#1d1d1d;}
  901. .list_slide_links li.selected .slide-link,
  902. .list_slide_links li:hover .slide-link { background:#252525;}
  903. .list_slide_links li.selected .alwaysbluebg .slide-link,
  904. .list_slide_links li:hover .alwaysbluebg .slide-link { background:#3498DB!important;}
  905. .list_slide_links li:hover .slide-link,
  906. .list_slide_links li:hover .slide-link-content a,
  907. .slide-link-toolbar-button:hover a,
  908. .slide-link-toolbar-button:hover span,
  909. .slide-link-toolbar-button:hover i,
  910. .slide-link-toolbar-button:hover i:before { color:#fff;}
  911. li.selected .slidetitleinput,li:hover .slidetitleinput,
  912. .list_slide_links li.selected .slide-link-nr,
  913. .list_slide_links li.hover .slide-link-nr { color:#fff;}
  914. .slide-link-published-wrapper { position:absolute; top:5px; right:5px;}
  915. .slide-link-nr { margin-right:0px;}
  916. .slide-published, .slide-hero-published { display:none!important; width:20px; height:20px; background:url(../images/toolbar/icon-slide-published.png); position:absolute; top:0; right:0;}
  917. .slide-unpublished, .slide-hero-unpublished { width:20px; height:20px; background:url(../images/toolbar/icon-slide-unpublished.png); position:absolute; top:0; right:0;}
  918. .slide-unpublished.pubclickable { display:none!important;}
  919. .pubclickable { right:25px; cursor:pointer; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); filter:alpha(opacity=30); -moz-opacity:.3; -khtml-opacity:.3; opacity:.3;}
  920. .pubclickable:hover { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
  921. .slidelint-edit-button { display:none; position:absolute; cursor:pointer; right:0; top:0; width:33px; height:33px; background:url(../images/toolbar/icon-chooser-1-light.png); background-repeat:no-repeat; background-position:center center; border-left:1px solid #333;}
  922. .list_slide_links li:hover .slide-published,
  923. .list_slide_links li:hover .slide-unpublished { display:block!important;}
  924. .slide-hero-published { display: block !important;}
  925. .slide-hero-unpublished.pubclickable { display: block !important; right: 0px !important;}
  926. .list_slide_links li:hover .slide-hero-unpublished.pubclickable { display:block!important;}
  927. .slide-hero-unpublished.pubclickable:hover { background:url(../images/toolbar/icon-slide-published.png); }
  928. .slide-link-forward { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); filter:alpha(opacity=70); -moz-opacity:.7; -khtml-opacity:.7; opacity:.7; font-size:30px; position:absolute; top:50%; left:50%; margin-left:-22px; margin-top:-15px; z-index:4 color:#fff; display:none; text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
  929. .slide-link-forward:before { color:#fff;}
  930. .list_slide_links li.selected .slide-link-forward { display:none !important}
  931. .list_slide_links li:hover .slidelint-edit-button,
  932. .list_slide_links li:hover .slide-link-forward { display:block;}
  933. .langs_float_wrapper { width:150px; border:1px solid #2B96C6; position:absolute; z-index:4991; background-color:#ffffff; }
  934. .slides_langs_float { margin:0px; padding:0px; list-style:none; }
  935. .slides_langs_float li { margin-top:5px; margin-bottom:5px; }
  936. .slides_langs_float li .float_menu_sap { border-top:1px dashed black; margin:2px; }
  937. .slides_langs_float li a { text-decoration:none; height:20px; display:block; padding-top:2px; padding-bottom:2px; padding-left:5px; }
  938. .slides_langs_float li a img { border:none; padding-right:5px; }
  939. .slides_langs_float li a:hover { background-color:#2B96C6; color:#000000; cursor:pointer; }
  940. /* STATIC SLIDE SELECTED */
  941. .list_slide_links li.statictabselected .slide-media-container { width:220px;}
  942. .list_slide_links li.statictabselected .slide-media-container.icon-basketball { background-position:5px 5px!important;}
  943. .list_slide_icons li { display:inline-block; vertical-align:top; text-align:center;}
  944. .list_slide_icons li .icon_slide_lang,
  945. .list_slide_icons li .icon_slide_lang_add { max-width:18px; max-height:12px; min-width:18px; border:2px dashed #e5e5e5; padding:10px 7px; border-radius:5px; -moz-border-radius:5px; cursor:pointer; margin-right:10px; background-repeat:no-repeat; background-position:center center;}
  946. .list_slide_icons li .icon_slide_lang_add { background-image:url(../images/icon-plus.png); padding: 16px 8px}
  947. .list_slide_icons li .icon_slide_lang:hover,
  948. .list_slide_icons li .icon_slide_lang_add:hover,
  949. .list_slide_icons li.lang-selected .icon_slide_lang { border-color:#3498DB!important;}
  950. .slide-link-toolbar-button { outline:none!important; border:none!important; box-shadow:none!important;}
  951. /* CUSTOM ANIMATION BUILDER PART */
  952. .anim-sub-handlers { cursor:pointer; border:1px solid #ddd; width:90px; height:27px; line-height:27px; text-align:left; margin:7px 22px;}
  953. .css-sub-handlers { cursor:pointer; border:1px solid #ddd; width:85px; height:27px; line-height:27px; text-align:left;}
  954. .advanced-css-label { padding-left:30px; background:url(../images/toolbar/advancedcss.png); background-repeat:no-repeat; background-position:0 9px;}
  955. .rs-mini-layer-icon.rs-toolbar-icon.eg-icon-clipboard:before { color:#000; margin-right:7px;}
  956. /*.differentthandefault { position:relative; border-bottom:1px solid #3498db;}*/
  957. /*.differentthandefault:after { content:" ";width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 0; border-color: transparent #2980b9 transparent transparent; top:0px;right:0px; position: absolute; }*/
  958. /*#advanced-css-main:after { content:" ";position:absolute; right:-3px;top:-3px; background:url(../images/toolbar/conflict.png) no-repeat; width:16px;height:16px;display:block;}*/
  959. .anim-sub-handlers span,
  960. .css-sub-handlers span { line-height:27px; vertical-align:middle;}
  961. .anim-sub-handlers i,
  962. .css-sub-handlers i { background-position:center center; width:27px; height:27px; margin:0 2px;}
  963. .anim-sub-handlers:hover,
  964. .css-sub-handlers:hover { border-color:#000;}
  965. .rs-template-settings-tabs li i:before,
  966. .rs-layer-settings-tabs li i:before { color:#000 !important;}
  967. /****************************** - MAIN SLIDE SETTINGS -********************************/
  968. .slide-main-settings-form label { min-width:200px; display:inline-block; line-height:30px; font-weight:400; font-size:14px;}
  969. .slide-main-settings-form textarea,
  970. .slide-main-settings-form select,
  971. .slide-main-settings-form input[type="text"] { min-width:200px; background:#e5e5e5; color:#777; font-size:13px; font-weight:600; padding:0 5px; border-radius:5px; -moz-border-radius:5px; max-height:26px; margin-right:20px; line-height:26px; vertical-align:middle; border:none!important; box-shadow:none!important; }
  972. .slide-main-settings-form textarea { height:60px; max-height:60px;}
  973. .bg-settings-block { vertical-align:middle; display:inline-block; line-height:33px;}
  974. .slide-main-settings-form textarea:focus,
  975. .slide-main-settings-form select:focus,
  976. .slide-main-settings-form input[type="text"]:focus { background: #ccc}
  977. /*#viewWrapper .bg-settings-block input,
  978. #viewWrapper .bg-settings-block span,
  979. #viewWrapper .bg-settings-block a { line-height:30px; vertical-align:middle; margin-right:15px;}
  980. */
  981. #viewWrapper span,
  982. #viewWrapper p,
  983. #viewWrapper div { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
  984. #css-template-handling-dd-inner,
  985. #animin-template-handling-dd-inner,
  986. #animout-template-handling-dd-inner,
  987. .copy-settings-from { display:none; position:absolute; z-index:0; top:0; left:0; width:180px; height:180px; padding-top:5px; background:#ddd; border-radius:5px; -moz-border-radius:5px; text-align:left; font-size:12px; color:#333;}
  988. #css-template-handling-dd,
  989. #animin-template-handling-dd,
  990. #animout-template-handling-dd { z-index:902; position:relative; width:30px; height:26px; background:#ddd; background-image:url(../images/toolbar/icon-save-big.png); background-position:center center; display:inline-block; background-repeat:no-repeat; border-radius:5px; -moz-border-radius:5px; cursor:pointer;}
  991. #css-template-handling-dd-inner,
  992. #animin-template-handling-dd-inner,
  993. #animout-template-handling-dd-inner { background-image:url(../images/toolbar/icon-save-big.png); background-repeat:no-repeat; background-position:7px 5px;}
  994. .css-template-handling-menupoint { display:block; line-height:26px; height:26px; vertical-align:middle; padding:0 15px;}
  995. .css-template-handling-menupoint i { width:26px; margin-right:10px;}
  996. .css-template-handling-menupoint:hover { background:#fff;}
  997. #rs-animation-content-wrapper { z-index:2105;}
  998. /****************************** - COPY SETTINGS FROM -********************************/
  999. #copy-idle-css .copy-from-idle { display:block;}
  1000. #copy-idle-css .copy-from-hover { display:block;}
  1001. #copy-idle-css .copy-from-in-anim { display:none;}
  1002. #copy-idle-css .copy-from-out-anim { display:none;}
  1003. /****************************** - IN PAUSE BUTTON -********************************/
  1004. #rs-animation-tab-button #layeranimation-playpause,
  1005. #rs-loopanimation-tab-button #loopanimation-playpause,
  1006. #layeranimation-playpause.inpause i.eg-icon-pause,
  1007. #loopanimation-playpause.inpause i.eg-icon-pause,
  1008. #layeranimation-playpause i.eg-icon-play,
  1009. #loopanimation-playpause i.eg-icon-play { display:none;}
  1010. #rs-animation-tab-button.selected #layeranimation-playpause,
  1011. #rs-loopanimation-tab-button.selected #loopanimation-playpause,
  1012. #layeranimation-playpause i.eg-icon-pause,
  1013. #loopanimation-playpause i.eg-icon-pause,
  1014. #layeranimation-playpause.inpause i.eg-icon-play,
  1015. #loopanimation-playpause.inpause i.eg-icon-play { display:inline-block;}
  1016. #rs-animation-tab-button.selected,
  1017. #rs-loopanimation-tab-button.selected { padding-right:0;}
  1018. #rs-animation-tab-button.selected .rs-anim-tab-txt,
  1019. #rs-loopanimation-tab-button.selected .rs-anim-tab-txt { padding-right:17px;}
  1020. #layeranimation-playpause i,
  1021. #loopanimation-playpause i { height:45px; display:inline-block; color:#000; vertical-align:middle; padding:0 14px; font-size:12px;}li.selected #layeranimation-playpause,li.selected #loopanimation-playpause { background:#2980b9;}li.selected .inpause#layeranimation-playpause,li.selected .inpause#loopanimation-playpause { background:#fff;}li.selected #layeranimation-playpause i:before,li.selected #loopanimation-playpause i:before { color:#fff!important;}li.selected .inpause#layeranimation-playpause i:before,li.selected .inpause#loopanimation-playpause i:before { color:#000!important;}
  1022. #startanim_timerunner,
  1023. #endanim_timerunner { position:absolute; top:0; left:0; width:65px; height:40px; line-height:38px; color:#fff; text-align:left; vertical-align:middle;}
  1024. #startanim_timerunnerbox,
  1025. #endanim_timerunnerbox { display:block; background:#fff; position:absolute; top:0; left:0; width:67px; height:40px;}
  1026. #startanim_wrapper,
  1027. #endanim_wrapper { position:absolute; top:0; left:0; width:0; height:39px; overflow:hidden; padding:0;}
  1028. .startanim_mainwrapper,
  1029. .endanim_mainwrapper { margin-right:-3px; overflow:hidden; vertical-align:top; position:relative; width:65px; box-sizing:border-box; -moz-box-sizing:border-box; }
  1030. #rs-style-tab-button #style-morestyle { display:none;}
  1031. #rs-style-tab-button.selected #style-morestyle { display:inline-block;}
  1032. #rs-style-tab-button.selected { padding-right:0!important;}
  1033. #rs-style-tab-button.selected .rs-anim-tab-txt { padding-right:17px;}
  1034. #style-morestyle i { height:46px; display:inline-block; vertical-align:top; width:47px; text-align: center;}
  1035. #style-morestyle .rs-icon-morestyles-dark { display:inline-block; background-color:#fff; color:#000; position: relative;}
  1036. #style-morestyle .rs-icon-morestyles-dark i:before { color:#000!important;}
  1037. #style-morestyle .rs-icon-morestyles-light { display:none; background-color:#2980b9; color:#fff; }
  1038. #style-morestyle .rs-icon-morestyles-light i { transform:rotateZ(180deg);-webkit-transform:rotateZ(180deg);}
  1039. #style-morestyle.showmore .rs-icon-morestyles-dark { display:none;}
  1040. #style-morestyle.showmore .rs-icon-morestyles-light { display:inline-block;}
  1041. span.show_more_style_txt {
  1042. position: absolute;
  1043. top: 0px;
  1044. text-align: center;
  1045. width: 100%;
  1046. }
  1047. #tp-bgcolorsrc { line-height: 30px; position: relative;z-index: 3100; }
  1048. /********************************* - ANIMATION EDITOR EXTRAS -***********************************/
  1049. .anim-direction-wrapper { width:105px; height:92px; float:left; display:inline-block; border-right:1px solid #ddd;}
  1050. .anim-diretion-prev { line-height:92px; width:31px; display:inline-block; text-align:center;}
  1051. .anim-diretion-prev i { margin-right:0!important;}
  1052. .inp-deep-wrapper { position:relative; display: inline-block;line-height: 26px;}
  1053. .inp-deep-wrapper input { position:relative; z-index: 2}
  1054. .inp-deep-wrapper.selected-deep-wrapper { z-index:910;}
  1055. .inp-deep-wrapper.selected-deep-wrapper input { z-index: 911;}
  1056. #viewWrapper .inner-settings-wrapper .inp-deep-wrapper .rs-layer-input-field:hover,
  1057. #viewWrapper .inner-settings-wrapper .inp-deep-wrapper .rs-layer-input-field:focus { background:#d1d1d1;}
  1058. .inp-deep-list { display:none;position: absolute;top:-5px;left:-5px;width:100%; background:#ddd; border-radius:6px; padding:35px 5px 5px;z-index:1; box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.25)}
  1059. .inp-deep-list.visible { display:block;z-index:905 !important;}
  1060. .inp-deep-list span { display:block;}
  1061. .inp-deep-prebutton { cursor: pointer; padding: 0px 15px;margin: 0px -5px; line-height: 25px}
  1062. .inp-deep-prebutton:hover { background: #FFF;color: #000;}
  1063. .inp-deep-prebutton i { margin-right:10px;}
  1064. .inp-deep-prebutton i:before { color:#000 !important;}
  1065. .inp-deep-prebutton i.eg-icon-right { border-left:2px solid #000; margin-right:9px;}
  1066. .inp-deep-prebutton i.eg-icon-left { border-right:2px solid #000; margin-right:9px;}
  1067. .inp-deep-prebutton i.eg-icon-down { border-top:2px solid #000; margin-right:9px;}
  1068. .inp-deep-prebutton i.eg-icon-up { border-bottom:2px solid #000; margin-right:9px;}
  1069. .tp-showmask.tp-mask-wrap { border:1px dashed #ff0000;}
  1070. /*************************************** - THE CURRENT TIMER FUNCTION -***************************************/
  1071. /* THE MASTER TIMELINE CONTAINER */
  1072. #mtw-wrapper { direction:ltr !important; overflow: hidden;}
  1073. #mastertimer-wrapper { display:table; width:100%; position:relative; box-sizing:border-box; -moz-box-sizing:border-box; background-color:#fff; padding-bottom:65px;}
  1074. #master-rightheader { width:100%; position:relative;}
  1075. .master-leftcell { position:relative; overflow:hidden; display:table-cell; width:282px; min-width:282px; border-right:1px solid #ddd; vertical-align:top;}
  1076. .master-rightcell { position:relative; overflow:hidden; display:table-cell; width:100%; vertical-align:top;padding-left: 0px;}
  1077. #master-leftheader,
  1078. #master-rightheader { position:relative; height:40px; width:5000%;}
  1079. #master-leftheader { border-bottom:1px solid #d5d5d5; background:#f1f1f1; height:39px;}
  1080. .mastertimer { border-bottom:1px solid #d5d5d5; background:#f1f1f1; height:39px; position:relative; overflow:hidden; padding-left:0px;}
  1081. #master-timer-time { position:absolute; right:30px; top:13px; font-weight:600; color:#333; font-size:13px;}
  1082. #master-rightheader .layers-wrapper { padding-left:15px;}
  1083. /* MASTER TIMELINE LINEAR TEXTS */
  1084. #mastertimer-linear .linear-texts li { font-size:10px; color:#333; display:inline-block; width:100px; float:left; line-height:20px; vertical-align:top;}
  1085. #mastertimer-linear .linear-texts li span { margin-left:0; display:inline-block;}
  1086. #mastertimer-linear { cursor:pointer; z-index:599; position:absolute; height:16px; top:20px; background:repeat-x; background:url(../images/toolbar/newlinear-horizontal.png); background-size:100px 20px;}
  1087. #mastertimer-linear .linear-texts { margin:0; padding:0; height:20px; left:-2px; top:-19px; position:absolute;}
  1088. #mastertimer-linear .helplines-offsetcontainer { position:absolute; top:-5px; visibility:hidden;}
  1089. #mastertimer-linear .linear-texts,
  1090. #mastertimer-linear .linear-texts li { list-style:none;}
  1091. .mastertimer-layer span.show_timeline_helper { display:none;position: absolute; top:-13px; left:-1px;background:#fff; color:#c0392b; cursor: pointer; font-size: 10px; line-height: 11px; height: 11px;font-weight: 800; padding:0px 3px; border:1px solid #c0392b;}
  1092. #layers-right-ul>li:nth-child(2) .show_timeline_helper { bottom:-12px; top:auto;}
  1093. .mastertimer-layer.ui-state-hover .tl_layer_frame:hover span.show_timeline_helper { display: block;}
  1094. #timline-manual-dialog { box-shadow: 0px 5px 10px rgba(0,0,0,0.1);width:450px; background:#fff; position:absolute;left:15px;z-index:10000; top:-6px;padding:5px 15px; box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box; border:1px solid #aaa;}
  1095. #timline-manual-dialog label { margin-right:10px;display:inline-block; color:#777; font-weight: 700; font-size: 12px; line-height: 29px; white-space: nowrap; vertical-align: top;}
  1096. #viewWrapper #timline-manual-dialog input[type=text] { margin-top:0px !important;}
  1097. #timline-manual-closer,
  1098. #timline-manual-apply { position:absolute; right:0px; top:4px; cursor: pointer; width:30px;height:30px; display:inline-block; line-height: 29px; color:#666; font-size:15px; vertical-align: top; text-align: center;}
  1099. #timline-manual-apply { right:20px;}
  1100. #timline-manual-apply i:before,
  1101. #timline-manual-closer i:before { color:#666;}
  1102. #timline-manual-apply:hover,
  1103. #timline-manual-closer:hover { opacity: 1}
  1104. #timline-manual-closer:hover i:before { color:#c0392b;}
  1105. #timline-manual-apply:hover i:before { color:#27ae60;}
  1106. #timline-manual-dialog .over-ms { margin-left: -30px;font-size: 11px;line-height: 30px;display: inline-block;vertical-align: middle;font-weight: 600;}
  1107. /* THE CURRENT TIME POSITION */
  1108. #mastertimer-position { height:1000px; width:1px; position:absolute; top:0; z-index:900; cursor:pointer; left:-15px;background:none !important;}
  1109. #mastertimer-position:after { content:" ";height:1000px; width:1px; background:#c0392b; position:absolute; top:0; left:9px; z-index:900; cursor:pointer; }
  1110. #mastertimer-position.timerinidle:after { display:none;}
  1111. #mastertimer-position:before { content:" "; width:0; height:0; position:absolute; top:0; left:0px; border-style:solid; border-width:15px 10px 0; border-color:#c0392b transparent transparent;}
  1112. #mastertimer-position.inaction:before { border-color:#c0392b transparent transparent;}
  1113. #mastertimer-maxtime { height:1000px; position:absolute; top:0; z-index:900; left:500px; box-sizing:border-box; -moz-box-sizing:border-box; }
  1114. #mastertimer-maxtime:after { content:" "; width:0; height:1000px; position:absolute; top:0px; left:10px; border-left:1px dashed #2980b9;}
  1115. #mastertimer-maxtime:before { content:" "; width:0; height:0; position:absolute; top:0; left:0px; border-style:solid; border-width:15px 10px 0; border-color:#2980b9 transparent transparent;}
  1116. #mastertimer-poscurtime { margin-left:23px; padding:0 5px; font-size:10px; font-weight:600; color:#FFF; background:#c0392b; position:absolute; top:0; left:-13px; line-height:15px; white-space:nowrap; text-transform:uppercase;}
  1117. #mastertimer-maxcurtime { margin-left:23px; padding:0 5px; font-size:10px; font-weight:600; color:#FFF; background:#2980B9; position:absolute; top:0; left:-13px; line-height:15px;}
  1118. #mastertimer-idlezone { width:24px; background-image:url(../images/toolbar/tiled-lightgrey.png); position:absolute; top:39px; border-top:1px solid #ddd; left:-15px; height:1000px; z-index:2; border-right:1px solid #d5d5d5;}
  1119. .slide-idle-section { width:10000px; background-image:url(../images/toolbar/tiled-lightgrey.png); position:absolute; height:1000px; height:28px; left:1600px; top:1px; z-index:1;}
  1120. #mastertimer-curtime,
  1121. #mastertimer-curtime-b { height:1000px; width:0; border-left:1px dashed #ddd; position:absolute; top:0; z-index:880; left:500px; box-sizing:border-box; -moz-box-sizing:border-box; }
  1122. #mastertimer-curtime { height:50px;}
  1123. #mastertimer-curtime-b { z-index: 2; top:5px;}
  1124. #mastertimer-curtime:before { content:" "; width:0; height:0; position:absolute; top:0; left:-11px; border-style:solid; border-width:15px 10px 0; border-color:#ddd transparent transparent;}
  1125. #mastertimer-curtimeinner { margin-left:13px; padding:0 5px; font-size:10px; font-weight:600; color:#666; background:#ddd; position:absolute; top:0; left:-13px; line-height:15px;}
  1126. #linear-bg-fixer { position: absolute; top:0px;left:0px; width:25px;height:39px; background:#eee;}
  1127. #layers-wrapper-right-wrapper .ps-scrollbar-x-rail ,
  1128. #layers-wrapper-right-wrapper .ps-scrollbar-x-rail .ps-scrollbar-x { height:6px !important;}
  1129. /* MASTER TIMELINE PLAY/PAUSE */
  1130. #mastertimer-playpause-wrapper,
  1131. #mastertimer-playpause-wrapper span,
  1132. #add_new_row span,
  1133. #add_new_group span { margin-left:5px;}
  1134. #kenburn-playpause-wrapper,
  1135. #mastertimer-playpause-wrapper { cursor:pointer; padding:0 10px; height:30px; width:65px; top:5px; left:5px; background:#3498db; position:absolute; text-align:center; color:#fff; vertical-align:middle; line-height:30px;}
  1136. #kenburn-playpause-wrapper { top:-35px; left:0px;}
  1137. #kenburn-playpause-wrapper i,
  1138. #kenburn-playpause-wrapper i:before,
  1139. #mastertimer-playpause-wrapper i,
  1140. #mastertimer-playpause-wrapper i:before { color:#fff;}
  1141. #kenburn-backtoidle,
  1142. #mastertimer-backtoidle { cursor:pointer; width:30px; height:30px; position:absolute; top:5px; left:95px; background:#3498db; background-image:url(../images/toolbar/backtoidle.png); background-position:4px 6px; background-repeat:no-repeat;}
  1143. #adjust-timing-helper { display:inline-block; top:auto;left:auto;right:auto;bottom:auto; position: relative; }
  1144. #adjust-timing-helper:hover { background:#2980b9;}
  1145. #kenburn-backtoidle,
  1146. #mastertimer-backtoidle { cursor:pointer; width:30px; height:30px; position:absolute; top:5px; left:95px; background:#3498db; background-image:url(../images/toolbar/backtoidle.png); background-position:4px 6px; background-repeat:no-repeat;}
  1147. #kenburn-backtoidle { top:-35px; left:86px; }
  1148. #layers-right,
  1149. #layers-left { width:282px; position:relative;}
  1150. #layers-left ul,
  1151. #layers-right ul { margin-top:0;margin-bottom: 0px; padding-bottom: 0px; padding-left:0px;margin-left:0px;}
  1152. .mastertimer-layer,
  1153. .mastertimer-layer-time { border:none; list-style:none; margin:0; padding:0; background:none; width:282px; height:25px; position:relative; margin-bottom:-1px;}
  1154. .mastertimer-layer-time { width:100%;}
  1155. .layer_sort_layer_text_field { overflow:hidden; width:143px; white-space:nowrap!important; box-sizing:border-box; -moz-box-sizing:border-box; }
  1156. .mastertimer-layer i { line-height: 30px; vertical-align: middle;}
  1157. .mastertimer-layer .layertypeclass,
  1158. .mastertimer-layer .layertypeclass:before { color:#333; margin:0px 0px 0px 3px;}
  1159. .mastertimer-layer .layersortclass,
  1160. .mastertimer-layer .layersortclass:before { color:#333;}
  1161. .timer-manual-edit { border-left:1px solid #d5d5d5; text-align: center; width:20px; cursor:pointer; margin-left: 10px;}
  1162. .timer-manual-edit i { opacity:0.5; vertical-align: top}
  1163. .timer-manual-edit:hover i,
  1164. .ui-state-hover .timer-manual-edit i { opacity:1;}
  1165. .sortlist li.sortitem-hidden { opacity:0.5;}
  1166. .mastertimer-layer.sortitem-hidden .layertypeclass,
  1167. .mastertimer-layer.sortitem-hidden .layertypeclass:before,
  1168. .mastertimer-layer.sortitem-hidden .layersortclass,
  1169. .mastertimer-layer.sortitem-hidden .layersortclass:before,
  1170. .mastertimer-layer.sortitem-hidden,
  1171. .mastertimer-layer.sortitem-hidden i,
  1172. .mastertimer-layer.sortitem-hidden i:before,
  1173. .mastertimer-layer.sortitem-hidden .sortbox_text { color:#666 !important;}
  1174. #layers-right { padding-left:11px;}
  1175. .mastertimer { padding-left:10px; position: absolute;top:0px;left:0px;}
  1176. /* ACTIVE LAYER */
  1177. .mastertimer-layer { border-bottom:1px dashed #d5d5d5;border-top:1px solid transparent;}
  1178. .ui-state-hover.mastertimer-layer { /*border-top:1px solid #999; border-bottom:1px solid #999;*/}
  1179. .ui-state-hover.mastertimer-layer:first-child { }
  1180. .mastertimer-slide-border { height:3px; top:28px; position:absolute; width:100%; background:#ddd;z-index:500;left:0px;}
  1181. .mastertimer-layer span { display:inline-block; line-height:29px; vertical-align:top; height:29px;}
  1182. .mastertimer-layer i,
  1183. .mastertimer-layer i:before { color:#333; font-size:12px;}
  1184. .mastertimer-layer .timer-layer-text { font-size:11px !important; line-height:27px !important; position:relative; padding:0px 5px !important; background:none !important; width:113px !important;margin-top:-2px !important;}
  1185. .mastertimer-layer.sortable_row>.layer_sort_inner_wrapper>.sort-hover-part .timer-layer-text { max-width: 88px;}
  1186. .mastertimer-layer .timer-layer-text:focus { background:#999 !important; color:#fff !important;}
  1187. .mastertimer-timeline-selector-row { text-align:center;margin-right:0px;width:30px;padding-right:0px;border-right:1px solid #d5d5d5; position:relative}
  1188. .mastertimer-timeline-selector-row.selected { background:#ddd;}
  1189. .mastertimer-timeline-selector-row input { outline:none; box-shadow: none !important; -moz-box-shadow:none !important; }
  1190. .mastertimer-timeline-zindex-row { width:35px;border-right:1px solid #d5d5d5; position:relative}
  1191. .mastertimer-timeline-zindex-row,
  1192. .mastertimer-timeline-zindex-row * { cursor: move;}
  1193. .mastertimer-timeline-tillendcontainer,
  1194. .mastertimer-timeline-groupconfig { width:25px;border-right:1px solid #f1f1f1 }
  1195. .timeline-title-line i:before { font-size:14px;}
  1196. .timeline-relative-marker,
  1197. .timeline-relative-column-marker { position:absolute; left:0px; background:url(../images/toolbar/tiled-lightgrey.png); border-right:1px dotted #d5d5d5; height:29px; width:0px; top:-5px; display:none;}
  1198. /* LINK OF LAYERS TO OTHER LAYERS */
  1199. .list-of-layer-links { position: absolute; width:15px; z-index:20; right:25px;}
  1200. .list-of-layer-links-inner { position: absolute; background:#fff !important; display:none !important; width:100px; top:0px;right:3px; overflow: hidden; text-align: right; }
  1201. .sortable_group .list-of-layer-links-inner,
  1202. .sortable_row .list-of-layer-links-inner { background:#eee !important;}
  1203. .sortable_column .droppable_sortable_column .list-of-layer-links-inner { background: url(../images/toolbar/tiled-lightgrey.png) !important; background-repeat: repeat;}
  1204. .sortable_layers .list-of-layer-links-inner { background:#fff !important;}
  1205. .list-of-layer-links.showmenow .list-of-layer-links-inner { display:block !important;}
  1206. .layer-link-type-element,
  1207. .timing-layer-link-type-element { width:12px !important; height:12px !important; box-sizing: border-box; border-radius:6px; cursor: pointer; display: inline-block !important; line-height: 26px !important;vertical-align: middle !important; margin-top:-3px;}
  1208. .layer-link-type-0 { background:transparent;border:2px solid #ddd;}
  1209. .layer-link-type-1 { background:#f1c40f;}
  1210. .layer-link-type-2 { background:#e67e22;}
  1211. .layer-link-type-3 { background:#e74c3c;}
  1212. .layer-link-type-4 { background:#2ecc71;}
  1213. .layer-link-type-5 { background:#95a5a6;}
  1214. .list-of-layer-links-inner .layer-link-type-element:hover { border:2px solid #ddd;}
  1215. .multiple-selector { position: relative; right:auto; left:auto; height:26px;}
  1216. .multiple-selector .list-of-layer-links-inner { left:0px;right:auto; text-align: left; padding-left:10px; height:26px; padding-left:7px !important; display:block !important; width:30px !important;}
  1217. .multiple-selector:hover .list-of-layer-links-inner { width:160px !important }
  1218. .multiple-selector .fa-icon-check-square-o { width: 32px; text-align: center; vertical-align: middle;}
  1219. .multiple-selector .fa-icon-check-square-o:before { font-size: 17px; color:#555;}
  1220. .multiple-selector .notusedcheckbox { margin-left: 7px !important}
  1221. /* RIGHT SIDE LAYER TIMER */
  1222. #layers-right li { height:31px; max-height:31px; box-sizing:border-box; -moz-box-sizing:border-box; }
  1223. .layers-wrapper-scroll { position:relative; width:100%;}
  1224. .layers-wrapper { position:relative; overflow:hidden;max-width:1200px;min-height: 70px}
  1225. .layers-wrapper-scroll { position:relative; overflow:visible;background-repeat:repeat;}
  1226. #mastertimer-wrapper .ui-resizable-handle.ui-resizable-s { bottom:0px; height:12px; background:#DDD; border:1px solid #D5D5D5; border-left:none; border-right:none;}
  1227. #mastertimer-wrapper .ui-resizable-handle.ui-resizable-s:hover { background:#3498db;}
  1228. #mastertimer-wrapper .ui-resizable-handle.ui-resizable-s:after { content:"..."; position:absolute; bottom:5px; left:100px; z-index:100; color:#333; width:100px; height:15px; font-family:Arial; font-size:20px; font-weight:600; text-align:center; margin-left:-50px;}
  1229. #mastertimer-wrapper .ui-resizable-handle.ui-resizable-s:hover:after { color:#fff;}
  1230. /* TIMING HELPER*/
  1231. .bottom-layers-divider { background-image: url(../images/toolbar/tiled-lightgrey.png);position: absolute;bottom: -10px;left: 0;width:282px;height:10px;z-index: 2;}
  1232. #timing-helper { z-index:1000;background:#f1f1f1; position:absolute; width:100%;height:52px; bottom:12px;left:0px; border-top:1px solid #e5e5e5;}
  1233. .timing-all-checker-wrapper { display:none; width:31px; height:53px; bottom:0px;left:0px; position:absolute; background:rgb(52,152,219);cursor: pointer;}
  1234. .timing-all-checker { position:absolute; top:10px;left:6px; width:18px; height:32px; background:url(../images/select_all.png);}
  1235. .timing-helper-title { vertical-align:top;display: inline-block;line-height: 16px; color:#aaa; font-size:11px; font-weight: 400; padding:15px 15px; margin-left:31px; max-width:90px;}
  1236. .timing-all-checker-wrapper:hover { background:#2980b9;}
  1237. .timing-helper-actions { display:inline-block; vertical-align: top;line-height: 46px;margin-top: 9px;}
  1238. .autotiming-action { vertical-align:top; cursor:pointer; margin-right:1px;display: inline-block; width:84px; height:46px; background-position: top center; background-repeat: no-repeat; background-size: 84px 92px;}
  1239. .autotiming-action:hover,
  1240. .autotiming-action.selected { background-position: bottom center;}
  1241. .autotiming-action-0 { background-image:url(../images/auto-time0.png);}
  1242. .autotiming-action-1 { background-image:url(../images/auto-time1.png);}
  1243. .autotiming-action-2 { background-image:url(../images/auto-time2.png);}
  1244. .autotiming-action-3 { background-image:url(../images/auto-time3.png);}
  1245. .autotiming-action-4 { background-image:url(../images/auto-time4.png);}
  1246. .autotiming-action-5 { background-image:url(../images/auto-time5.png);}
  1247. .autotiming-action-6 { background-image:url(../images/auto-time6.png);}
  1248. .autotiming-action-7 { background-image:url(../images/auto-time7.png);}
  1249. .autotiming-action-8 { background-image:url(../images/auto-time8.png);}
  1250. .autotiming-action-9 { background-image:url(../images/auto-time9.png);}
  1251. #whiteblock_extrawrapper { height:50px;width:100%;background:#fff;padding-left:8px;}
  1252. #add_new_group,
  1253. #add_new_row { display:inline-block; margin-right:6px; margin-top:10px;cursor:pointer; padding:0 10px; height:30px;background:#3498db; position:relative; text-align:center; color:#fff; vertical-align:middle; line-height:30px; }
  1254. #add_new_row i,
  1255. #add_new_row i:before,
  1256. #add_new_group i,
  1257. #add_new_group i:before { color:#fff;}
  1258. .autotiming-action.notclickable { cursor: default; opacity: 0.35;}
  1259. .autotiming-action.notclickable:hover,
  1260. .autotiming-action.notclickable.selected { background-position: top center;}
  1261. .helper-dialog-title { background:#36485f;width:100%;box-sizing:border-box; -moz-box-sizing:border-box;position:absolute;left:0px;top:-30px; line-height: 40px; height:40px; padding:0px 20px; color:#fff; font-size:14px;}
  1262. /* STYLING OF ACTIONS */
  1263. /*.action-target-layer,
  1264. .action-scrollofset,
  1265. .action-callback,
  1266. .action-jump-to-slide,
  1267. .action-triggerstates,
  1268. .action-link-wrapper,
  1269. .pinterest_link_details,
  1270. .twitter_link_details,
  1271. .action-facebookfields { margin-right:30px;}*/
  1272. /* DEFAULT WIDTH AND HEIGHT OF LAYER TIMING */
  1273. .mastertimer,
  1274. #layers-right,
  1275. #layers-right li,
  1276. #mastertimer-linear,
  1277. .master-rightcell .layers-wrapper-scroll,
  1278. #mastertimer-linear .linear-texts { width:16000px;}
  1279. #layers-right { left:0;}
  1280. .quick-layers-list .ps-scrollbar-y-rail,
  1281. #mastertimer-wrapper .ps-scrollbar-x-rail,
  1282. #mastertimer-wrapper .ps-scrollbar-y-rail { background-color:#eee; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
  1283. .master-leftcell .ps-scrollbar-y-rail { display:none!important;}
  1284. .master-leftcell.unfocused:before,
  1285. .master-rightcell.unfocused:before { z-index:50;content:" ";position:absolute;top:0px;left:0px;background:rgba(255,255,255,0.7); width:100%;height: 100%; cursor: default;}
  1286. .master-leftcell.unfocused:before { left:31px;top:65px;}
  1287. .quick-layers-list .ps-scrollbar-y-rail { background: #333 !important}
  1288. /* TIMELINE DECORATIONS*/
  1289. #layers-right-ul .timeline { z-index:300;background:transparent; width:100%; display:block; visibility:visible; position:relative; top:5px; left:15px; margin:0; height:19px;}
  1290. .unvisibletimeline { max-height: 0px !important; overflow: hidden !important; border-bottom: none !important}
  1291. .timeline_frame { z-index:2;white-space:no-wrap;position:absolute; top:0px; height:19px; width:auto;box-shadow:0px 0px 0px 1px #999; box-sizing: border-box;background:#ccc;}
  1292. .timeline_full { position:absolute; z-index:100; top:0px;left:0px; background:#eee; top:5px;height:19px;}
  1293. .tl_speed_wrapper { position:absolute; top:0px; left:0px;width:100%;height:100%;overflow: hidden; z-index:2;}
  1294. .timeline_frame .tlf_speed { position:absolute; left:0px;top:0px; background:#c5c5c5;height:19px; display: inline-block;z-index:2;}
  1295. .timeline_frame .tlf_splitdelay { position:absolute; right:0px;top:0px; background:#eee;height:19px;display: inline-block;z-index:3;}
  1296. .tlf_speed .ui-resizable-handle.ui-resizable-w { width:5px; height:21px; top:-8px; z-index:250!important; left:-5px;}
  1297. .tlf_speed .ui-resizable-handle.ui-resizable-e { width:5px; height:21px; top:-8px; z-index:250!important; right:-5px;}
  1298. .timebefore_cont.withminidelaynumber { top:-4px;}
  1299. .minidelaynumber { font-size: 8px; font-style: italic; position: absolute; top:2px; right:0px; }
  1300. .timeline_audio { position:absolute;top:5px;left:5px; height:19px;overflow: hidden;z-index:101;}
  1301. .layer-sort-audio-item .timeline { opacity: 0.6}
  1302. .ui-state-hover .timeline_full { background:#f6d9d6;}
  1303. .ui-state-hover .timeline_frame .tlf_speed { background:/*#c0392b*/#ed877a;}
  1304. .ui-state-hover .timeline_frame { box-shadow:0px 0px 0px 1px #e44632;}
  1305. .mastertimer-layer span.triggered_layer_on_timeline { display:block; font-size:10px; width:15px; position:absolute; right:-10px;border: 1px solid #888;text-align:center;color: #888;font-weight: 800;line-height: 19px;box-sizing: border-box; height: 21px;margin-top: -1px; background: #fff}
  1306. .mastertimer-layer span.timebefore_cont,
  1307. .mastertimer-layer span#fake_layer_as_slide_title,
  1308. .mastertimer-layer span.duration_cont { display: block; text-align: center; line-height: 19px; height:21px; font-size: 10px; font-weight: 700; color:#fff; white-space: nowrap; position: relative;z-index: 5;}
  1309. .mastertimer-layer span.timebefore_cont { color:#888; position:absolute; left:-39px; text-align: right;width:30px; font-weight: 400;}
  1310. .mastertimer-layer span.wait_slide_end { font-size:10px; /*border: 1px solid #888;*/;box-shadow:0px 0px 0px 1px #888; color: #888;font-weight: 800;line-height: 19px;box-sizing: border-box;padding: 0px 5px;height: 19px; background: #fff}
  1311. #slide_in_sort_time .timeline_frame { background-color:#3498db; border-color:#2c81ba;box-shadow:0px 0px 0px 1px #2980b9;}
  1312. #slide_in_sort_time .timeline_frame .tlf_speed { background-color:#3498db; width:100%; }
  1313. #slide_in_sort_time .timeline_full { background-color:#86cfff;}
  1314. .audio-progress { height:19px; background:rgba(192, 57, 43, 0.6); position:absolute; top:5px;z-index:400;}
  1315. .layer-sort-audio-item .tl-fullanim,
  1316. .layer-sort-audio-item .timeline .tl-startanim,
  1317. .layer-sort-audio-item .timeline .tl-endanim { top:0px; height:25px; border:none !important;margin-top:2px;}
  1318. .layer-sort-audio-item .tl-fullanim .ui-resizable-handle.ui-resizable-e,
  1319. .layer-sort-audio-item .tl-fullanim .ui-resizable-handle.ui-resizable-w { height:25px;top:0px;}
  1320. .layer-sort-audio-item .tl-endanim .ui-resizable-handle.ui-resizable-w { left:-7px;}
  1321. .layer-sort-audio-item .tl-startanim .ui-resizable-handle.ui-resizable-e { right:-8px;}
  1322. .layer-sort-audio-item .start-puller,
  1323. .layer-sort-audio-item .start-anim-puller,
  1324. .layer-sort-audio-item .end-puller,
  1325. .layer-sort-audio-item .end-anim-puller { width: 4px !important;height: 23px !important;border-radius: 0px !important;top: 0px !important;border-width: 1px; }
  1326. .layer-sort-audio-item .timeline.onchange .start-puller,
  1327. .layer-sort-audio-item .timeline:hover .start-puller { top:0px !important; left:-4px;}
  1328. .layer-sort-audio-item .timeline.onchange .start-anim-puller,
  1329. .layer-sort-audio-item .timeline:hover .start-anim-puller { top:0px !important; right:-5px;}
  1330. .layer-sort-audio-item .timeline.onchange .end-puller,
  1331. .layer-sort-audio-item .timeline:hover .end-puller { top:0px !important; right:-5px;}
  1332. .layer-sort-audio-item .timeline.onchange .end-anim-puller,
  1333. .layer-sort-audio-item .timeline:hover .end-anim-puller { top:0px !important; left:-4px;}
  1334. .layer-sort-audio-item .ui-state-hover .timeline:hover .tl-startanim,
  1335. .layer-sort-audio-item .ui-state-hover .timeline:hover .tl-endanim { background:#EEB4B1!important;}
  1336. .layer-sort-audio-item .timeline .tl-fullanim { background:rgba(153, 153, 153, 0.45) !important;}
  1337. .layer-sort-audio-item.ui-state-hover .timeline .tl-fullanim { background:rgba(228, 70, 50, 0.45) !important;}
  1338. .layer-sort-audio-item .timeline .tl-startanim,
  1339. .layer-sort-audio-item .timeline .tl-endanim { background:rgba(153,153,153, 0.25) !important;}
  1340. .layer-sort-audio-item.ui-state-hover .timeline .tl-startanim,
  1341. .layer-sort-audio-item.ui-state-hover .timeline .tl-endanim { background:rgba(228, 70, 50, 0.25) !important;}
  1342. .layer_sortbox .layer-sort-audio-item .sortbox_time,
  1343. .layer_sortbox .layer-sort-audio-item .sortbox_timeend,
  1344. .layer_sortbox .layer-sort-audio-item .sortbox_speedin,
  1345. .layer_sortbox .layer-sort-audio-item .sortbox_speedout { color:#fff !important;}
  1346. .layer_sortbox .layer-sort-audio-item .sortbox_time,
  1347. .layer_sortbox .layer-sort-audio-item .sortbox_timeend { top:0px; line-height:10px;}
  1348. .layer_sortbox .layer-sort-audio-item .sortbox_speedin,
  1349. .layer_sortbox .layer-sort-audio-item .sortbox_speedout { top:15px; line-height:10px;}
  1350. /********************************* - IN TIMELINE DESC STYLES -********************************/
  1351. #slide_transition_live { width:100px; height:20px; font-size:10px; line-height:20px; padding:8px 0; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; z-index:500;}
  1352. #slide_transition_live option[disabled] { margin:0; padding:0; background-color:red; color:#fff;}
  1353. #fake-select-title { display:inline-block; color:#333; font-size:10px; text-transform:capitalize; line-height:28px; max-width:150px; overflow:hidden; vertical-align:middle; cursor:pointer; white-space:nowrap;}
  1354. #fake-select-title-wrapper { width:182px; position:absolute; left:99px; top:0; cursor:default; white-space: nowrap;}
  1355. #fake-select-title-wrapper i { cursor:pointer; }
  1356. #fake-select-i { border-left:1px solid #d5d5d5; border-right: none}
  1357. #fake-select-label,
  1358. #fake-select-pre { line-height: 17px; height:17px; vertical-align: middle; }
  1359. #fake-select-pre { margin-right:5px;font-weight: 400}
  1360. #fake-select-label { font-weight: 800}
  1361. /* LAYER INPUT FIELDS */
  1362. #layer_text_wrapper { position:absolute; top:0px; left:0px; width:100%;width:485px; height:100px; z-index:2003; color:#fff; box-sizing: border-box;-moz-box-sizing: border-box;}
  1363. .layer_text_wrapper_inner { height:100px;background:#252525; background: rgba(20, 20, 20, 0.95); padding:10px;}
  1364. .layer_text_wrapper_inner.toggled_text_wrapper { display: none;}
  1365. #layer_text,
  1366. #layer_text_toggle { resize:none; color:#fff; width:100%; height:100px; min-height:30px!important; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; border:none; background:none; box-shadow:none; }
  1367. .layer-content-title-a { display:none!important;}
  1368. .layer-content-title-b { display:inline-block!important;}
  1369. .currently_editing_txt .layer-content-title-a { display:inline-block!important;}
  1370. .currently_editing_txt .layer-content-title-b { display:none!important;}
  1371. .toggle_text_title { display:none;font-weight: 800; color:#fff; background:#252525; padding:10px; width:100%; box-sizing: border-box; -moz-box-sizing: border-box; margin-top:-30px; margin-top:10px; text-transform: uppercase;}
  1372. #layer_text_wrapper.withtoggle { height:230px;}
  1373. #layer_text_wrapper.withtoggle .layer_text_wrapper_inner.toggled_text_wrapper,
  1374. #layer_text_wrapper.withtoggle .toggle_text_title { display: block}
  1375. /* SHORT TOOLBAR MODIFICATIONS */
  1376. #layer-short-toolbar a { display:inline-block; }
  1377. #layer-settings-toolbar-bottom #layer-short-toolbar { display:none!important;}
  1378. #divLayers-wrapper #layer-short-toolbar { display:inline-block; line-height: 30px;height:30px;}
  1379. .layer-short-tool { opacity:0.6;border-radius:4px; width:30px; height:30px; cursor:pointer !important; text-align:center; line-height:30px; display:block; vertical-align: top; float:left;margin-right:5px;}
  1380. #viewWrapper .layer-short-tool { background:#444}
  1381. #viewWrapper .layer-short-tool.revred:hover { background:#e74c3c}
  1382. #viewWrapper .layer-short-tool.revblue:hover { background:#3498db}
  1383. #viewWrapper .layer-short-tool.revyellow:hover { background:#f1c40f}
  1384. #viewWrapper .layer-short-tool.revgreen,
  1385. #viewWrapper .layer-short-tool.revgreen:hover { background:#27ae60}
  1386. #viewWrapper .quicksortlayer .layer-short-tool { background:transparent !important;}
  1387. #button_reset_size { text-align: left;}
  1388. .layer-short-tool:hover { opacity: 1}
  1389. .layer-short-tool i { line-height:30px; display:block; width:30px;height:30px; text-align: center;}
  1390. .layer-short-tool i:before { line-height:30px; color:#fff!important; font-size:16px;}
  1391. .rs-lightpencil { display:block; width:30px; height:30px; background-image:url(../images/toolbar/lightpencil.png); background-position:center center; background-repeat:no-repeat;}
  1392. .rs-lighttrash { display:block; width:30px; height:30px; background-image:url(../images/toolbar/lighttrash.png); background-position:center center; background-repeat:no-repeat;}
  1393. .rs-lightcopy { display:block; width:30px; height:30px; background-image:url(../images/toolbar/lightcopy.png); background-position:center center; background-repeat:no-repeat;}
  1394. .oldslotholder .defaultimg { background-image:url(../images/trans_tile.png); background-repeat:repeat; width:100%; height:100%; position:absolute; top:0; left:0;}
  1395. .slots { position:absolute;}
  1396. .eg-icon-t { font-family: "Times New Roman"; font-size:15px; color:#fff; text-align: center; display:inline-block; width:22px;}
  1397. #viewWrapper .rs-layer-input-field#layer_alias_name { display:none;height:20px; line-height:20px;margin:0px 0px 3px 0px; background:#34495e; color:#fff; opacity:0.6;}
  1398. #viewWrapper .rs-layer-input-field#layer_alias_name:focus { opacity:1;}
  1399. #viewWrapper .rs-layer-input-field#layer_alias_name.al-visible { display:block;}
  1400. /****************************** - LIST OF CLASSES STYLES -********************************/
  1401. #tp-thelistofclasses ul { max-height:500px; background:#ddd; overflow:hidden; border:none!important; padding:0!important;z-index:4997;}
  1402. #tp-thelistofclasses ul li a { line-height:15px; font-size:13px; border-radius:0!important; -moz-border-radius:0!important; padding:5px!important; margin:0!important;}
  1403. #tp-thelistofclasses ul li a:hover { border:none!important; background:#ccc!important;}
  1404. #tp-thelistofclasses ul .ps-scrollbar-x-rail,
  1405. #tp-thelistofclasses ul .ps-scrollbar-y-rail { background-color:#eee; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
  1406. #tp-thelistofclasses ul .ps-scrollbar-y-rail > .ps-scrollbar-y,
  1407. #tp-thelistofclasses ul .ps-scrollbar-y-rail { width:15px;}
  1408. #tp-thelistoffonts ul { max-height:500px; background:#ddd; overflow:hidden; border:none!important; padding:0!important;z-index:4997;}
  1409. #tp-thelistoffonts ul li a { line-height:15px; font-size:13px; border-radius:0!important; -moz-border-radius:0!important; padding:5px!important; margin:0!important;}
  1410. #tp-thelistoffonts ul li a:hover { border:none!important; background:#ccc!important;}
  1411. #tp-thelistoffonts ul .ps-scrollbar-x-rail,
  1412. #tp-thelistoffonts ul .ps-scrollbar-y-rail { background-color:#eee; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
  1413. #tp-thelistoffonts ul .ps-scrollbar-y-rail > .ps-scrollbar-y,
  1414. #tp-thelistoffonts ul .ps-scrollbar-y-rail { width:15px;}
  1415. /****************************** - ADD ICON STYLES -********************************/
  1416. .tp-addiconbutton { background:#3498db; color:#fff; padding:4px 15px; display:inline-block; cursor:pointer;}
  1417. .tp-addiconbutton:hover { background:#2980b9;}
  1418. .tp-icon-preview-list { margin-bottom:25px;}
  1419. .tp-icon-preview-list,
  1420. .tp-icon-preview-list li { padding:0; list-style:none; margin:0;}
  1421. .tp-icon-preview-list li { display:inline-block; font-size:22px; cursor:pointer; border:1px solid #ddd; margin:0 -1px -1px 0; width:48px; height:48px; line-height:48px; text-align:center; vertical-align:top; }
  1422. .tp-icon-preview-list li:hover { color:#fff; background:#333;}
  1423. #dialog_insert_icon h3 { font-size:16px; font-weight:400; background:#f5f5f5; line-height:20px; margin:0px 0px; padding:10px 15px; color:#000; border-top: 1px solid #ddd}
  1424. #dialog_insert_icon { padding:0px !important;}
  1425. /****************************** - ADVANCED STYLES -********************************/
  1426. #dialog_advanced_css .first-css-area .CodeMirror .CodeMirror-scroll { background:#fff!important; height:auto!important;}
  1427. #dialog_advanced_css,
  1428. #dialog_advanced_layer_css { padding: 0px 20px 0px 0px;}
  1429. span.advanced-css-title { background:#2980B9; display:block; padding:5px 30px; color:#FFF; font-size:12px; font-weight:400;}
  1430. #rs-save-as-css,
  1431. #rs-rename-css { border:none!important; outline:none!important; width:260px; box-shadow:none!important; -moz-box-shadow:none!important; line-height:25px;}
  1432. .current-advance-edited-class { font-weight:600px; margin-left:5px;}
  1433. .advanced-container-wrapper { float:left; display:inline-block; margin:0 20px 4px;}
  1434. .advanced-label { position:relative; line-height:27px; vertical-align:middle; display:inline-block; margin-right:-4px; border-bottom:1px solid #EEE;}
  1435. .advanced-label.icon-styleidle { margin-right:20px;}
  1436. .advanced-label.icon-styleidle,
  1437. .advanced-label.icon-stylehover { margin-bottom:-1px; cursor:pointer;}
  1438. .advanced-label.icon-styleidle:hover,
  1439. .advanced-label.icon-stylehover:hover,
  1440. .idleisselected .advanced-label.icon-styleidle,
  1441. .hoverisselected .advanced-label.icon-stylehover { border-bottom:1px solid #3498DB; color:#3498DB;}
  1442. #toggle-idle-hover { position:relative; line-height:25px; vertical-align:middle; display:inline-block; margin-right:-4px; border-bottom:1px solid #EEE;}
  1443. #idle-hover-swapper { float:left; margin:13px 20px 0px 45px;}
  1444. #extra_style_settings { position:relative; margin:0; background:#fff; display:none; padding:10px 20px 10px 0;}
  1445. .close_extra_settings { background:#3498D8; position:absolute; left:0; top:0; width:10px; height:100%; z-index:20;}
  1446. .close_extra_settings:before { position:absolute; content:'\e819'; color:#FFF; left:0; top:50%; margin-top:-9px; margin-left:0px; width:18px; height:18px; background:#3498D8; border-radius:50%; -moz-border-radius:50%; text-align:center; font-family:"eg-font"; line-height:18px; font-size:9px; cursor:pointer;}
  1447. .tp-css-editor-dialog {
  1448. background: #f5f5f5 !important;
  1449. font-family: "Open Sans",sans-serif;
  1450. -webkit-font-smoothing: antialiased;
  1451. -moz-osx-font-smoothing: grayscale;
  1452. }
  1453. .tp-css-editor-dialog .cbi-title{
  1454. font-weight: 600;
  1455. margin-left: 25px;
  1456. }
  1457. .tp-css-editor-dialog .ui-dialog-titlebar{
  1458. background: #36485f !important;
  1459. padding: 0px 0px;
  1460. line-height: 55px;
  1461. height: 55px;
  1462. color: #fff;
  1463. padding: 0px 15px;
  1464. vertical-align: top;
  1465. font-size: 16px;
  1466. font-weight: 600;
  1467. }
  1468. .tp-depricated-dialog.tp-css-editor-dialog .ui-dialog-titlebar {
  1469. background:#e74c3c !important;
  1470. }
  1471. .tp-css-editor-dialog .ui-button.ui-widget.ui-dialog-titlebar-close {
  1472. width: 55px !important;
  1473. height: 55px !important;
  1474. font-size: 30px !important;
  1475. }
  1476. .tp-css-editor-dialog .ui-button.ui-widget.ui-dialog-titlebar-close:before {
  1477. font: 400 20px/1 dashicons;
  1478. vertical-align: top;
  1479. speak: none;
  1480. -webkit-font-smoothing: antialiased;
  1481. -moz-osx-font-smoothing: grayscale;
  1482. line-height: 36px;
  1483. font-size: 30px;
  1484. width: 36px;
  1485. height: 36px;
  1486. content: '\f158';
  1487. color: #fff;
  1488. }
  1489. .tp-css-editor-dialog .revblue.button-primary {
  1490. outline: none !important;
  1491. border-radius: 0px !important;
  1492. box-shadow: none !important;
  1493. text-shadow: none !important;
  1494. border: none !important;
  1495. font-weight: 600;
  1496. }
  1497. #show_global_styles,
  1498. #change_ace_wrappers,
  1499. #change_acea_wrappers {
  1500. position: absolute;
  1501. bottom: 16px;
  1502. left: 15px;
  1503. }
  1504. /* THE STYLES FOR HOVER AND IDLE STATES EXTRA ADD ONS */
  1505. .advanced-copy-button,
  1506. .rs-addon-trigger,
  1507. .rs-addon-settings-trigger { cursor:pointer; list-style:none; position:relative; line-height:20px; height:20px; text-align:center; vertical-align:top; padding:0 15px; display:inline-block; background:#ddd; color:#999; border-radius:10px; -moz-border-radius:10px; font-size:10px; margin-top:5px;}
  1508. #style-sub-advcss .advanced-copy-button,
  1509. #hover-sub-advcss .advanced-copy-button,
  1510. .rs-addon-trigger,
  1511. .rs-addon-settings-trigger { margin-top:0; line-height:27px; height:27px; border-radius:5px; -moz-border-radius:5px; font-size:12px; margin-bottom:1px;}
  1512. .advanced-copy-button i,
  1513. .rs-addon-trigger i,
  1514. .rs-addon-settings-trigger i { line-height:20px; vertical-align:middle; font-size:8px; margin-left:5px; display:inline-block;}
  1515. .advanced-copy-button i:before,
  1516. .rs-addon-trigger i:before,
  1517. .rs-addon-settings-trigger i:before { color:#999;}
  1518. .advanced-copy-button:hover,
  1519. .rs-addon-trigger.selected,
  1520. .rs-addon-settings-trigger.selected,
  1521. .rs-addon-trigger:hover,
  1522. .rs-addon-settings-trigger:hover { background:#2980b9; color:#fff;}
  1523. .advanced-copy-button:hover i:before,
  1524. .rs-addon-trigger:hover i:before,
  1525. .rs-addon-settings-trigger:hover i:before { color:#fff;}
  1526. #enable-disable-hoverstate-toggler { cursor:default!important; background:#3498db; color:#fff; display:inline-block; vertical-align:top; margin-top:7px; padding:0 10px; line-height:27px;}
  1527. #enable-disable-hoverstate-toggler label { line-height:27px;}
  1528. #enable-disable-hoverstate-toggler input { display:inline-block; vertical-align:middle; margin-left:5px; margin-top:0; cursor:pointer;}
  1529. .rs-addon-trigger,
  1530. .rs-addon-settings-trigger { vertical-align: middle;}
  1531. #rs-addon-wrapper-button-row .rs-layer-toolbar-box { line-height: 48px; padding:6px 20px;}
  1532. .rs-addon-settings-wrapper { background:#fff; postion:relative;padding-left:10px;}
  1533. .rs-addon-settings-wrapper:before { content:" ";position: absolute;left:0px;top:0px;height:100%;width:10px;background:#3498E4;}
  1534. /* LAYERS NOT SELECTED */
  1535. .layer-settings-toolbar { position:relative;}
  1536. .notselected .layer-settings-toolbar:after { content:" "; width:100%; height:100%; background:rgba(238,238,238,0.75); z-index:999; position:absolute; top:0; left:0;}
  1537. /* ON OFF BUTTON FUN */
  1538. .tp-onoffbutton input { visibility:hidden;}
  1539. .tp-onoffbutton { vertical-align:middle; display:inline-block; cursor:pointer; position:relative; width:50px; height:20px; line-height:27px; border-radius:12px; -moz-border-radius:12px; overflow:hidden; text-align: left;-webkit-backface-visibility: hidden; -webkit-transform:translateZ(0.001px);}
  1540. .tp-onoff-onstate,
  1541. .tp-onoff-offstate { display:block; padding-left:25px; width:50px; height:20px; line-height:20px; background:#3498db; color:#fff; position:absolute; top:0; left:0; box-sizing:border-box; -moz-box-sizing:border-box; text-transform:uppercase; font-size:10px; font-weight:600;}
  1542. .tp-onoff-offstate { background:#ddd; color:#999; left:-50px; padding-left:5px;}
  1543. .tp-onoff-onstate:before,
  1544. .tp-onoff-offstate:before { position:absolute; content:" "; width:16px; height:16px; top:2px; left:2px; border-radius:50%; -moz-border-radius:50%; background:#fff;}
  1545. .tp-onoff-offstate:before { background:#999; left:auto; right:2px;}
  1546. #rs-set-style-on-devices-dialog .tp-onoff-offstate { background:#444;}
  1547. #rs-set-style-on-devices-dialog .tp-onoff-offstate:before { background:#777;}
  1548. #rs-set-style-on-devices-dialog .tp-onoffbutton { float:right; margin-top:3px;}
  1549. #rs-set-style-on-devices-dialog .rs-set-style-on-device-row label { color:#999;}
  1550. /* ADD BUTTON DIALOG */
  1551. .addbutton-buttonrow { width:100%;margin-bottom:15px;display: block;}
  1552. #dialog_addbutton { padding:0px;}
  1553. #addbutton-examples { width:485px; float:left; background:#eee;padding:15px 20px;}
  1554. #addbutton-settings { width:265px; float:right;background:#fcfcfc;padding:15px 20px;}
  1555. .addbutton-bg-light,
  1556. .addbutton-bg-dark { width:29px;height:29px;border:1px solid #ddd; border-radius: 4px; background:#fff;display:inline-block;line-height:30px;vertical-align: middle; cursor: pointer}
  1557. .addbutton-bg-dark { background:#333;margin-right:5px; }
  1558. .adb-toggler,
  1559. .addbutton-title { display:inline-block;font-size: 18px; line-height:30px;vertical-align: middle; color:#444; font-weight:600;}
  1560. .adb-toggler { float:right;font-size:15px}
  1561. .addbe-title-row .addbutton-title { margin-left:50px; color:#999;}
  1562. .addbe-title-row { margin-bottom:20px;}
  1563. .add-lbl-wrapper { margin:5px 0px 5px;}
  1564. .addbutton-examples-wrapper { position: relative;height:425px; overflow: hidden;width:100%; -webkit-font-smoothing: antialiased !important; white-space: nowrap;}
  1565. .addbutton-icon { display:inline-block;cursor:pointer; border:1px solid #ddd; border-radius: 4px; width:75px; height:25px; text-align: center; line-height:25px; vertical-align: top }
  1566. .addbutton-icon i { font-size:16px; line-height: 25px;vertical-align: middle;}
  1567. .add-togglebtn { cursor: pointer;}
  1568. .adb-configs { border-bottom:1px solid #999; padding:10px 0px;}
  1569. /* ADD SHAPE DIALOG */
  1570. .addshape-shaperow { width:100%;margin-bottom:15px;display: block;}
  1571. #dialog_addshape { padding:0px;}
  1572. #addshape-examples { width:485px; float:left; background:#eee;padding:15px 20px;}
  1573. #addshape-settings { width:265px; float:right;background:#fcfcfc;padding:15px 20px;}
  1574. .addshape-bg-light,
  1575. .addshape-bg-dark { width:29px;height:29px;border:1px solid #ddd; border-radius: 4px; background:#fff;display:inline-block;line-height:30px;vertical-align: middle; cursor: pointer}
  1576. .addshape-bg-dark { background:#333;margin-right:5px; }
  1577. .addshape-title { display:inline-block;font-size: 18px; line-height:30px;vertical-align: middle; color:#444; font-weight:600;}
  1578. .addbe-title-row .addshape-title { margin-left:50px; color:#999;}
  1579. .addbe-title-row { margin-bottom:20px;}
  1580. .add-lbl-wrapper { margin:5px 0px 5px;}
  1581. .addshape-examples-wrapper { position: relative;height:425px; overflow: hidden;width:100%; -webkit-font-smoothing: antialiased !important; white-space: nowrap;}
  1582. .addshape-icon { display:inline-block;cursor:pointer; border:1px solid #ddd; border-radius: 4px; width:75px; height:25px; text-align: center; line-height:25px; vertical-align: top }
  1583. .addshape-icon i { font-size:16px; line-height: 25px;vertical-align: middle;}
  1584. .adb-configs { border-bottom:1px solid #ddd; padding:10px 0px;}
  1585. .example-shape-wrapper,
  1586. .example-shape { width:100%;height:100%;box-sizing: border-box; -moz-box-sizing: border-box; position: relative;}
  1587. .example-shape-wrapper { position:absolute;}
  1588. input[name="shape_width"]:disabled,
  1589. input[name="shape_height"]:disabled,
  1590. input[name="shape_padding[]"]:disabled { opacity: 0.5}
  1591. form[name="form_layers"].form_layers { z-index: 2099;position: relative;}
  1592. #layer_text_holder { z-index: 2099;position: relative}
  1593. .slide_layer_type_video .tp-mask-wrap,
  1594. .slide_layer_type_shape .tp-mask-wrap { width:100%;height:100%;}
  1595. /****************************************
  1596. - DEVICE STYLING -
  1597. *****************************************/
  1598. #rs-set-style-on-devices-button {
  1599. height: 45px;
  1600. display: inline-block;
  1601. width:45px;
  1602. background-image:url(../images/toolbar/global_styles.png);
  1603. background-size:32px 22px;
  1604. background-position:center center;
  1605. background-repeat: no-repeat;
  1606. cursor: pointer;
  1607. opacity:0.4;
  1608. }
  1609. #rs-set-style-on-devices-button:hover {
  1610. opacity: 1;
  1611. }
  1612. #rs-set-style-on-devices-button.selected {
  1613. opacity:0.65;
  1614. }
  1615. #rs-set-style-on-devices {
  1616. position: absolute;
  1617. top: 2px;
  1618. left: 50%;
  1619. padding-left: 15px;
  1620. margin-left: 400px;
  1621. border-left:1px solid #2e2e2e
  1622. }
  1623. #rs-set-style-on-devices-dialog {
  1624. display: none;
  1625. width:155px;
  1626. background:#252525;
  1627. padding: 10px 20px 25px;
  1628. margin-left:-16px;
  1629. }
  1630. /****************************************
  1631. - SPECIAL ELEMENTS -
  1632. *****************************************/
  1633. .addbutton-buttonrow.trans_bg { padding:20px 20px;box-sizing:border-box;position:relative;background-image:url(../images/trans_tile2.png)!important; background-repeat:repeat!important; background-size:cover; background-size:auto!important;}
  1634. .dark_trans_overlay { position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;opacity:0.35;z-index:0;}
  1635. .reverse_input_wrapper { border-bottom:1px solid #999;}
  1636. .reverse_input_text { font-size:11px;color:#666;font-weight: 400; display: inline-block !important; margin-right:7px;}
  1637. select[name="rev_show_the_slides"] { max-width:150px;}
  1638. input[name="css_font-family"] { padding-right: 25px !important;}
  1639. .slt-svg-w .ho_svg_,
  1640. .slt-text-w .ho_text_,
  1641. .slt-shape-w .ho_shape_,
  1642. .slt-video-w .ho_video_,
  1643. .slt-image-w .ho_image_,
  1644. .slt-column-w .ho_column_,
  1645. .slt-row-w .ho_row_,
  1646. .slt-group-w .ho_group_,
  1647. .slt-button-w .ho_button_,
  1648. .sltic .ho_sltic_ { pointer-events: none; opacity:0.20 !important;}
  1649. .
  1650. .slt-svg-w.sltic .ho_sltic_svg_,
  1651. .slt-text-w.sltic .ho_sltic_text_,
  1652. .slt-shape-w.sltic .ho_sltic_shape_,
  1653. .slt-video-w.sltic .ho_sltic_video_,
  1654. .slt-image-w.sltic .ho_sltic_image_,
  1655. .slt-button-w.sltic .ho_sltic_button_ {pointer-events: none; opacity:0.20 !important;}
  1656. .show_on_miw { pointer-events: none; opacity:0.20 !important; }
  1657. .sltic .show_on_miw { pointer-events: auto; opacity:1 !important; }
  1658. .table_template_help { padding:15px 0px; width:100%;}
  1659. .table_template_help tr { line-height: 30px; vertical-align: middle;}
  1660. .table_template_help tr:nth-child(even) { background-color:#bdc3c7;}
  1661. .table_template_help tr td { width:50%;padding:0px 15px;}
  1662. /*********************************
  1663. - OBJ & SVG MANAGEMENT -
  1664. *********************************/
  1665. #object_library_results { display: block; width:100%; height:420px; overflow: hidden; position: relative; background:#eee; padding:50px 25px 50px 50px; box-sizing: border-box;}
  1666. #object_library_results .ps-scrollbar-y-rail { left:0px;right:auto; }
  1667. .object-tag-list { padding:10px 20px; background:#fff; }
  1668. #dialog_addobj { position: relative; padding:0px !important; height:100%; box-sizing: border-box;}
  1669. .addobj-dialog-inner { position: relative; width: 100%; height:100%;}
  1670. .objadd-single-item { display: block; position:relative; text-align:center; display:inline-block; z-index:1; cursor:pointer; margin:0px 20px 20px 0px; padding:15px 30px 40px; width:270px;height:220px; box-sizing: border-box;-moz-box-sizing:border-box; background:#fff;}
  1671. .obj_lib_container_img { padding:0px 0px 40px; }
  1672. .objadd-single-item.selected,
  1673. .objadd-single-item:hover { border-color:#3498db;z-index:5;}
  1674. .objadd-single-item.selected svg,
  1675. .objadd-single-item:hover svg { fill:#3498db;}
  1676. .objadd-single-item.selected svg path,
  1677. .objadd-single-item:hover svg path{ fill:#3498db;}
  1678. .objadd-single-item svg { width:130px; height:130px;}
  1679. .slide_layer_type_svg svg,
  1680. .demo_layer_type_svg svg { width:100%;height:100%; position: relative;vertical-align: top}
  1681. .demo_layer.invisible_demolayer { visibility:hidden !important; }
  1682. .obj_lib_item_title { text-align:left;text-transform: capitalize; line-height: 40px; position:absolute; color:#444; padding:0px 10px; vertical-align:middle; height:40px;width:100%; box-sizing: border-box; bottom:0px;left:0px; background:#fff; font-size:13px; font-weight: 400; white-space: nowrap;overflow: hidden; border-top:1px solid #eee;}
  1683. #object_library_results .ps-scrollbar-y-rail { opacity: 1 !important; width:15px; background: #eee}
  1684. #object_library_results .ps-scrollbar-y-rail .ps-scrollbar-y { width:15px;}
  1685. .obj_library_item { display:none; vertical-align: top;}
  1686. .obj_library_item.showit { display: inline-block;}
  1687. .obj_library_cats { border:1px solid #ddd; color:#000; line-height:24px; padding:0px 12px; cursor: pointer; margin-right:5px; border-radius: 4px; display: inline-block;margin-bottom:4px; font-size: 11px;}
  1688. .obj_library_cats:hover,
  1689. .obj_library_cats.selected { border-color:#3498db; color:#3498db;}
  1690. #object_library_type_list_new { display:inline-block;}
  1691. .obj_library_cats_filter { letter-spacing:1px; border:1px solid #ddd; color:#34495e; line-height:24px; padding:0px 12px; cursor: pointer; margin-right:5px; border-radius: 4px; display: inline-block;margin-bottom:4px; font-size: 11px; font-weight: 500}
  1692. .obj_library_cats_filter:hover,
  1693. .obj_library_cats_filter.selected { border-color:#222; color:#fff; background:#222;}
  1694. .obj_library_cats_filter.fonticon_cat { border-color:#ddd; color:#000; }
  1695. .obj_library_cats_filter.fonticon_cat:hover,
  1696. .obj_library_cats_filter.fonticon_cat.selected { border-color:#e74c3c; background:#e74c3c; color:#fff; }
  1697. .obj_library_cats_filter.svg_cat { border-color:#ddd;color:#000; }
  1698. .obj_library_cats_filter.svg_cat:hover,
  1699. .obj_library_cats_filter.svg_cat.selected { border-color:#9b59b6; background:#9b59b6; color:#fff; }
  1700. .obj_library_cats_filter.jpg_cat { border-color:#ddd; color:#000;;}
  1701. .obj_library_cats_filter.jpg_cat:hover,
  1702. .obj_library_cats_filter.jpg_cat.selected { border-color:#3498db; background:#3498db; color:#fff; }
  1703. .obj_library_cats_filter.png_cat { border-color:#ddd;color:#000; }
  1704. .obj_library_cats_filter.png_cat:hover,
  1705. .obj_library_cats_filter.png_cat.selected { border-color:#27ae60; background:#27ae60; color:#fff; }
  1706. #obj_lib_main_cat_filt_allimages { display:none !important;}
  1707. .obj_library_item_type_purple,
  1708. .obj_library_item_type_blue,
  1709. .obj_library_item_type_green,
  1710. .obj_library_item_type_red { text-transform: uppercase;position:absolute; bottom:46px; left:6px; background:#9b59b6; color:#fff; font-size:9px; line-height: 15px; display: inline-block; padding:0px 5px; font-weight: 300; display: inline-block;}
  1711. .obj_library_item_type_green { background: #27ae60}
  1712. .obj_library_item_type_red { background: #e74c3c}
  1713. .obj_library_item_type_blue { background: #3498db}
  1714. .object_library_search_wrapper { background:#fff; line-height: 35px; padding:15px 30px; display:inline-block;}
  1715. select.object_library_type_list { display:inline-block; width:145px !important;height:35px !important; line-height: 35px !important; color:#aaa !important; background-color: #f5f5f5 !important}
  1716. #obj_library_search { border:1px solid #ccc; width:325px; padding:10px 15px; line-height:20px; height:35px; border-radius: 4px; background:#fff; outline:none; box-shadow: none; color:#444; font-size: 12px; font-weight: 400}
  1717. #obj_library_search_trigger { line-height:35px; display: inline-block; width:35px; height:35px; border-radius: 4px; margin-left:-35px; color:#999; vertical-align: middle;text-align: center; cursor: pointer;}
  1718. #obj_library_search_trigger i:before { color:#999; font-size: 15px; }
  1719. #obj_library_search_trigger:hover i:before { color:#555; }
  1720. .rs-obj-img-mediainner { background-size:contain; position:relative; width:270px;height:180px; top:0px;left:0px;background-position: center center; background-repeat: no-repeat;}
  1721. .obj-item-size-selectors {
  1722. display:none;
  1723. position: absolute;
  1724. bottom: 46px;
  1725. right: 6px;
  1726. width: 100%;
  1727. height: 100%;
  1728. text-align: center;
  1729. vertical-align: middle;
  1730. line-height: 200px;
  1731. top: 0px;
  1732. left: 0px;
  1733. background: rgba(255,255,255,0.9);
  1734. }
  1735. .obj_lib_container_img:hover .obj-item-size-selectors { display:block; }
  1736. .obj-item-size-selector { width:15px;height:15px;border:1px solid #ddd; color:#000;cursor: pointer; display:inline-block; margin-right:2px;text-align: center;text-transform: uppercase; font-size: 10px; line-height: 15px;
  1737. -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;
  1738. }
  1739. .sizetooltip { font-size:12px; color:#000; text-align: center; position: absolute; bottom:80px; width:100%;height:15px; line-height: 15px;}
  1740. .obj-item-size-selector:hover { background:#3498db; color:#fff; border-color: #3498db}
  1741. #object_library_results.backgrounds .obj-item-size-selector.nfbg { display:none;}
  1742. #bg-vs-layer-wrapper { width:270px; height:15px; position:absolute; line-height:15px;font-size:12px; color:#666; top:40px;left:0px; display:none; }
  1743. #add_objimage_as_layer,
  1744. #add_objimage_as_slidebg { width:75px; display:inline-block; text-align: right; vertical-align: top; cursor:pointer;}
  1745. #add_objimage_as_slidebg { text-align: left}
  1746. #obj-layer-bg-switcher { background: #3498db; width:30px;height:15px; border-radius: 8px; position: relative; display: inline-block; margin-left:10px;margin-right:10px; cursor: pointer;}
  1747. #obj-layer-bg-switcher:before { transition:left 0.2s ease-in-out;position: absolute; content:" "; width:11px;height:11px; background-color: #fff; border-radius: 50%; top:2px;left:2px;}
  1748. #obj-layer-bg-switcher.addthisasbg:before { left:18px; }
  1749. .obj_lib_container_img:hover #bg-vs-layer-wrapper { display:block; }
  1750. .backgrounds #bg-vs-layer-wrapper { display:none !important; }
  1751. .object_library_itemfavorit { position: absolute; z-index: 100; top:10px;right:10px; width:20px; height:20px; cursor: pointer;}
  1752. .object_library_itemfavorit i { font-size:15px; }
  1753. .object_library_itemfavorit i.fa-icon-star,
  1754. .object_library_itemfavorit:hover i { color:#222; }
  1755. .obj_lib_container_icon .objadd-single-item_holder i { font-size: 50px; line-height: 160px; }
  1756. .obj_lib_container_icon:hover .objadd-single-item_holder i,
  1757. .obj_lib_container_icon:hover .objadd-single-item_holder i:before { color:#3498db; }
  1758. /**************************************
  1759. - INST. FILTERS FOR MAIN BG -
  1760. ***************************************/
  1761. .rev-filter-add-custom-filter{
  1762. border: 1px solid #DDD;
  1763. border-radius: 50%;
  1764. color: #DDD;
  1765. font-size: 20px;
  1766. margin-top: 15px;
  1767. }
  1768. .rev-filter-add-custom-filter:hover{
  1769. color: #999;
  1770. border-color: #999;
  1771. }
  1772. .rev-filter-option-top-m {
  1773. text-align: center;
  1774. margin-top: 15px;
  1775. }
  1776. #inst-filter-grid { display: block;margin-top:5px; margin-bottom:10px;}
  1777. .inst-filter-griditem { cursor:pointer; position:relative;width:150px;height:150px; display:inline-block; margin-right:5px;margin-bottom:5px; border:5px solid transparent;}
  1778. .inst-filter-griditem .ifgname { background:rgba(0,0,0,0.5); color:#fff; font-size:12px; padding:5px 10px; position:absolute; bottom:5px;right:5px; z-index:4;}
  1779. .inst-filter-griditem-img { z-index:2;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:relative;}
  1780. .inst-filter-griditem-img-noeff { z-index:1;width:100%;height:100%;background-size:cover;background-position: center center; background-image:url(../images/effectimg_2.jpg); position:absolute; top:0px;left:0px;}
  1781. .inst-filter-griditem.selected { border:5px solid #3498db;padding:0; }
  1782. /**********************************
  1783. - AUDIO LAYER MANAGEMENT -
  1784. ***********************************/
  1785. .slide_layer_audio .layer-audio-title { display: none !important}
  1786. .invisible-audio .slide_layer_audio .layer-audio-title { display:block !important; background:rgba(51,51,51,0.5) !important; font-size:13px !important; line-height:30px !important; height:30px !important; padding:0px 10px !important;font-weight: 600; border-radius: 6px; vertical-align: middle; color:#fff; width:auto !important;}
  1787. .invisible-audio .slide_layer_audio .layer-audio-title i { vertical-align: middle; margin-right:10px;}
  1788. .slide_layer_audio .slide_layer_audio_c_wrapper { display: block; width:100%;height:100%;position: relative;}
  1789. .invisible-audio .slide_layer_audio .slide_layer_audio_c_wrapper { display:none !important;}
  1790. .slide_layer_audio .video-layer-inner { position: absolute;top:0px;left:0px; width:100%;height:100%;}
  1791. .slide_layer_audio { min-width: 250px; min-height:30px;position: relative;}
  1792. .slide_layer_audio .slide_layer_audio_c_wrapper audio { position: relative;z-index: 0; width:100%; height:100%;}
  1793. .slide_layer_audio_c_cover { display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:10;}
  1794. .invisible-audio .video-layer-inner { position: relative; width:auto;height:auto;}
  1795. .invisible-audio .slide_layer_audio { min-width: 0px !important}
  1796. .slide_layer_audio audio::-webkit-media-controls { display:none !important;}
  1797. .slide_layer_audio .tp-video-controls { opacity: 1 !important; visibility: visible !important}
  1798. .layer-settings-toolbar-bottom { z-index:2;}
  1799. /****************************************
  1800. - UNDO / REDO FUNCTIONS -
  1801. *****************************************/
  1802. #rs-undo-list { width: 435px;
  1803. height: auto;
  1804. position: absolute;
  1805. left: 80px;
  1806. bottom: 40px;
  1807. background: #333;
  1808. padding: 25px 0px;
  1809. color: #fff;
  1810. box-sizing: border-box;
  1811. }
  1812. #rs-undo-list { display:none;}
  1813. #undo-redo-wrapper { list-style:none;max-height:400px; overflow: hidden; padding:0px 30px; margin:0; max-height:350px; position: relative; height:auto;}
  1814. #undo-redo-wrapper .undoredostep {
  1815. line-height: 22px;
  1816. font-size: 13px;
  1817. font-weight: 600;
  1818. cursor: pointer;
  1819. border-bottom: 1px solid #444;
  1820. margin:0;
  1821. list-style:none;
  1822. padding:10px 0px 0px;
  1823. }
  1824. .undoredostep { display:block; color:#fff; position: relative;}
  1825. .undoredostep i,
  1826. .undoredostep i:before { color:#fff; font-size:14px;}
  1827. .undoredostep i { display:inline-block; width:30px; height: 20px; vertical-align: top; text-align: center }
  1828. .undoredostep .layer-title-with-icon { margin-right:10px; }
  1829. .undostep { opacity:0.7;}
  1830. .redostep { opacity:0.3;}
  1831. .undoredostep:hover { opacity: 1; }
  1832. .undoredostep .undo-name { width:100px; display: inline-block; overflow:hidden; vertical-align: top; white-space: nowrap; overflow: hidden;}
  1833. .undoredostep .undo-action { white-space: nowrap; overflow: hidden; width: 225px;overflow: hidden;white-space: nowrap;display: inline-block; margin-left:10px;}
  1834. .undoredostep .eg-icon-cw { position: absolute; right:0px; top:10px; transform:scaleX(-1); -webkit-transform:scaleX(-1);}
  1835. .undoredostep.redostep .eg-icon-cw { transform:scaleX(1); -webkit-transform:scaleX(1); }
  1836. #quick-undo { width:405px; height: 30px; line-height: 30px; position: absolute; bottom:10px; left:110px; overflow:hidden; opacity:0.4; }
  1837. #quick-undo:hover { opacity: 1}
  1838. #quick-undo .undo-name { width:100px;display: inline-block; overflow:hidden; vertical-align: top; }
  1839. #quick-undo .undo-action { width: 195px;display: inline-block;white-space: nowrap;overflow: hidden; margin-left:4px;}
  1840. #quick-undo .layer-short-tool.revdarkgray { cursor:pointer !important; border-radius:4px 0px 0px 4px; margin-right:2px; display:inline-block;background: #444; opacity:1 !important;}
  1841. #quick-undo .single-undo-action { display: inline-block; height:30px; line-height: 30px; vertical-align: top; color:#fff; font-size:13px; font-weight: 600; background: #444; padding:0px 0px 0px 10px; box-sizing: border-box; }
  1842. #undo-last-action { margin-left:0px;cursor:pointer; border-radius:0px 4px 4px 0px; background: #444; width:30px;height:30px;line-height: 30px;display: inline-block;}
  1843. #undo-last-action i,
  1844. #quick-undo .single-undo-action i,
  1845. #quick-undo .single-undo-action i:before { color:#fff; font-size:14px;display:inline-block; width:30px; height: 30px;vertical-align: top; text-align: center; line-height: 30px;}
  1846. #quick-undo .single-undo-action i { margin-right: 4px;}
  1847. #undo-last-action i:before { color:#fff; transform:scaleX(-1); -webkit-transform:scaleX(-1);}
  1848. /*********** RTL BASED SETTINGS ****************/
  1849. .rtl .rs-layer-main-image-tabs li:first-child, .rtl .rs-layer-animation-settings-tabs li:first-child, .rtl .rs-layer-css-ele li:first-child { margin-left:10px;}
  1850. .rtl .rs-toolbar-icon { margin-right:0px; margin-left:5px;}
  1851. .rtl .slide-main-settings-form textarea, .rtl .slide-main-settings-form select, .rtl .slide-main-settings-form input[type="text"] { margin-right:0px;margin-left:20px;}
  1852. .rtl .slide-trans-example { left:0px;}
  1853. .rtl .rs-slide-settings-tabs li,
  1854. .rtl .rs-template-settings-tabs li,
  1855. .rtl .rs-layer-settings-tabs li { float: right}
  1856. .rtl #rs-animation-tab-button.selected,
  1857. .rtl #rs-loopanimation-tab-button.selected,
  1858. .rtl #rs-style-tab-button.selected { padding-left:0px !important; padding-right:20px !important;}
  1859. .rtl #rs-style-tab-button.selected .rs-anim-tab-txt { padding-left:17px; padding-right:0px !important;}
  1860. .rtl #rs-style-tab-button.selected #style-morestyle { border-left:1px solid #ddd; margin-left:-1px;}
  1861. .rtl .anim-direction-wrapper { float:right;}
  1862. .rtl .rtlmr0 { margin-right: 0px !important}
  1863. .rtl #tp-idle-state-advanced-style { float:right !important;}
  1864. .rtl #mastertimer-wrapper,
  1865. .rtl #mastertimer-wrapper * { direction:ltr !important}
  1866. .layer-deleted { display:none !important;}
  1867. /********** z-index UPDATES *****************/
  1868. .rs-layer-editor-view .ui-dialog {
  1869. z-index: 160000 !important;
  1870. }
  1871. .rs-layer-editor-view .ui-widget-overlay.ui-front {
  1872. z-index:159999 !important;
  1873. }
  1874. /********** NEW GROUP FEATURES *****************/
  1875. .sortlist li.sortable_group,
  1876. .sortlist li.sortable_row { height:auto !important; padding-left:0px;}
  1877. .sortlist li.sortable_column { height:auto !important; min-height:29px; padding-left:0px;}
  1878. .sortlist li.sortable_group>.layer_sort_inner_wrapper>.mastertimer-timeline-selector-row,
  1879. .sortlist li.sortable_group>.layer_sort_inner_wrapper>.mastertimer-timeline-zindex-row,
  1880. .sortlist li.sortable_group .mastertimer-timeline-groupconfig,
  1881. .sortlist li.sortable_group .mastertimer-timeline-tillendcontainer { border-right:1px solid #d5d5d5;}
  1882. .mastertimer-timeline-groupconfig { cursor: pointer;}
  1883. .mastertimer-timeline-groupconfig i { vertical-align: top; margin-left:2px;}
  1884. .sortable_groups_wrap,
  1885. .sortable_layers_in_columns { margin-left:0px;position:relative;}
  1886. .sortbox_text .rs-icon-layergroup,
  1887. .sortbox_text .rs-icon-layercolumns { margin-top:-2px;}
  1888. .layer_sort_inner_wrapper.droppable_sortable_group .timer-layer-text,
  1889. .layer_sort_inner_wrapper.droppable_sortable_column .timer-layer-text,
  1890. .layer_sort_inner_wrapper.droppable_sortable_row .timer-layer-text { text-transform: uppercase;}
  1891. .column_sort_row_spacer { display:inline-block; width:35px; border-right:1px solid #d5d5d5;}
  1892. .layer_sort_inner_wrapper { width:282px;position:relative;}
  1893. .sortlist li.sortable_group >.layer_sort_inner_wrapper,
  1894. .sortlist li.sortable_row >.layer_sort_inner_wrapper { background:#eee; }
  1895. .sortable_groups_wrap .sort-hover-part.layer_sort_layer_text_field { border-left:10px solid #eee;margin-left:-3px; padding-left: 10px; margin-right:3px;}
  1896. .sortable_column>.layer_sort_inner_wrapper { background-image: url(../images/toolbar/tiled-lightgrey.png);}
  1897. #layers-left-ul .ui-state-hover.mastertimer-layer.sortable_group,
  1898. #layers-left-ul .ui-state-hover.mastertimer-layer.sortable_row { border-bottom-color:transparent; border-top-color:transparent; }
  1899. .sortable_groups_wrap .sortable_layers_in_columns .sort-hover-part.layer_sort_layer_text_field { padding-left:15px;}
  1900. .sortable_groups_wrap .sortable_layers_in_columns .sort-hover-part.layer_sort_layer_text_field .timer-layer-text { width:90px !important;}
  1901. .mastertimer-layer .sortable_groups_wrap .layer_sort_inner_wrapper .sortbox_text .timer-layer-text { width:80px !important;}
  1902. .sort_group_collapser { position: absolute; right:40px;
  1903. top:0px; width:20px; cursor: pointer;
  1904. }
  1905. .sort_group_collapser .eg-icon-right-dir { display: none;}
  1906. .sort_group_collapser.collapsed .eg-icon-right-dir { display: block;}
  1907. .sort_group_collapser.collapsed .eg-icon-down-dir { display: none;}
  1908. .readytodrop { background:#aaa !important;}
  1909. #last_drop_zone_layers { background:#d5d5d5;height:5px !important;}
  1910. /****** ROW LAYOUT COMPOSER *********/
  1911. #rs-layout-row-composer { display:none;position: absolute; z-index:2500; width:400px;height:120px; background:#252525; top:90px; left:50%; margin-left:-200px;}
  1912. #rs-layout-row-picker { height:30px; padding:0px 0px 0px 20px; border-bottom:1px solid #2e2e2e; box-sizing: border-box;}
  1913. #rs-layout-row-custom { height:50px; padding:0px 20px; box-sizing: border-box; vertical-align: middle;line-height: 50px}
  1914. #viewWrapper input[name="rs-row-layout"], #rs-check-row-layout { max-height:30px; background:#363636; border-radius: 4px; line-height:30px; vertical-align: middle; display: inline-block; color:#a7a7a7; font-size: 12px;font-weight: 600; padding:0px 20px;}
  1915. #viewWrapper input[name="rs-row-layout"] {width:258px;margin-right: 10px}
  1916. #rs-layout-row-break span.setting_text_3 { color:#ddd!important; margin-left:20px;}
  1917. #rs-row-break-on-btn,
  1918. #rs-layout-row-break span.setting_text_3 { vertical-align: top}
  1919. .rs-row-break-selector { height:30px;}
  1920. #rs-check-row-layout { cursor: pointer;}
  1921. #rs-check-row-layout:hover,
  1922. #viewWrapper input[name="rs-row-layout"]:focus,
  1923. #viewWrapper input[name="rs-row-layout"]:hover,
  1924. #viewWrapper input[name="rs-row-layout"]:active { background:#444; }
  1925. .rowlayout-single { display:inline-block; height:30px; line-height: 30px; vertical-align: middle; background-repeat: no-repeat; background-position: center center; margin-right:6px; opacity:0.5;cursor:pointer;}
  1926. .rowlayout-single:hover { opacity:1; }
  1927. #rowlayout1 { background-image:url(../images/toolbar/rowlayout1.png); width:30px;}
  1928. #rowlayout2 { background-image:url(../images/toolbar/rowlayout2.png); width:30px;}
  1929. #rowlayout3 { background-image:url(../images/toolbar/rowlayout3.png); width:28px;}
  1930. #rowlayout4 { background-image:url(../images/toolbar/rowlayout4.png); width:30px;}
  1931. #rowlayout5 { background-image:url(../images/toolbar/rowlayout5.png); width:34px;}
  1932. #rowlayout6 { background-image:url(../images/toolbar/rowlayout6.png); width:30px;}
  1933. #rowlayout7 { background-image:url(../images/toolbar/rowlayout7.png); width:34px;}
  1934. #rowlayout8 { background-image:url(../images/toolbar/rowlayout8.png); width:28px;}
  1935. #rowlayout9 { background-image:url(../images/toolbar/rowlayout9.png); width:30px; margin-right: 0px}
  1936. /***** LOGICAL GROUP EXTENSIONS *****/
  1937. .hide_timeline .timeline { display: none !important}
  1938. .hide_timeline { background-image: url(../images/toolbar/tiled-lightgrey.png);}
  1939. /********* QUICK LAYER LIST EXTENSIONS *************/
  1940. .quick_in_group { padding-left:20px !important; }
  1941. .quick_in_group .layer-title-with-icon { width:180px; }
  1942. .quick_in_group .layer-title-with-icon input { min-width: 150px !important; width:150px !important; }
  1943. /*********** LAYER ROW EXTENSIONS *********************/
  1944. .slide_layer_type_row { box-sizing: border-box; }
  1945. #divLayers .slide_layer_type_row.layerchild_selected,
  1946. #divLayers .demo_layer_type_row.layerchild_selected { background:rgba(0,130,132,0.05); z-index:2054 !important;}
  1947. #divLayers .slide_layer_type_row:hover,
  1948. #divLayers .slide_layer_type_row.layer_selected,
  1949. #divLayers .demo_layer_type_row.layer_selected { background:rgba(0,130,132,0.25); z-index:2056 !important;}
  1950. .slide_layer_type_row>.innerslide_layer>.tp_layer_group_inner_wrapper,
  1951. .demo_layer_type_row>.innerslide_layer>.tp_layer_group_inner_wrapper,
  1952. .slide_layer_type_row>.tp-mask-wrap>.innerslide_layer>.tp_layer_group_inner_wrapper,
  1953. .demo_layer_type_row>.tp-mask-wrap>.innerslide_layer>.tp_layer_group_inner_wrapper {
  1954. /* display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  1955. /* display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  1956. /* display: -ms-flexbox; /* TWEENER - IE 10 */
  1957. /* display: -webkit-flex; /* NEW - Chrome */
  1958. /* display: flex; */
  1959. display:table;
  1960. table-layout:fixed;
  1961. width:100%; 1/3 + 2/3
  1962. height:auto;
  1963. z-index:99;
  1964. }
  1965. .slide_layer_col_sizer,
  1966. .demo_layer_col_sizer { display:block; position: relative; box-sizing: border-box;}
  1967. .slide_layer_type_column,
  1968. .demo_layer_type_column { cursor:pointer !important;border:1px dashed #008284; display:block;position:relative !important; left:auto !important; right:auto !important; bottom:auto !important; box-sizing: border-box; vertical-align: top;}
  1969. .demo_layer_type_column .slide_layer { position: relative !important;}
  1970. .demo_layer_type_column { border:none;}
  1971. .slide_layer_type_row.layer_selected .slide_layer_type_column,
  1972. .slide_layer_type_row.layerchild_selected .slide_layer_type_column { border:1px dashed #00ffff; border-right:none;top:auto !important; box-shadow:0px 0px 0 1px rgba(0,0,0,0.20);}
  1973. .slide_layer_type_row.layer_selected .slide_layer_type_column:last-child,
  1974. .slide_layer_type_row.layerchild_selected .slide_layer_type_column:last-child { border-right:1px dashed #00ffff; }
  1975. .slide_layer_type_column .slide_layer,
  1976. .demo_layer_type_column .slide_layer { vertical-align: top}
  1977. .slide_layer_type_column>.innerslide_layer.tp-caption,
  1978. .slide_layer_type_column>.tp-mask-wrap>.innerslide_layer.tp-caption { white-space: normal !important; max-width:none !important; width:100%;}
  1979. .tp_layer_group_inner_wrapper { position: relative;top:0px;left:0px;width:100%;height:100%;display: block; min-height: 15px; line-height: 0px}
  1980. .slide_layer_type_group .tp_layer_group_inner_wrapper { position: absolute;}
  1981. .slide_layer_type_group>.tp-mask-wrap,
  1982. .slide_layer_type_group>.tp-mask-wrap>.innerslide_layer { width:100%!important;height:100% !important;}
  1983. .slide_layer_type_column .slide_layer.layer-deleted { display:none !important; }
  1984. .slide_layer_type_row .icon_cross { display: none !important }
  1985. .slide_layer_type_row .row_toolbar { display:none; z-index:100 !important; position:absolute !important;bottom:-12px !important; left:50% !important;margin-left:-50px !important;width:110px !important;background:transparent !important;height:25px !important; text-align: left !important}
  1986. .slide_layer_type_row .row_moveme,
  1987. .slide_layer_type_row .row_editor,
  1988. .slide_layer_type_row .row_config { display:inline-block !important;cursor:pointer !important; position:relative !important; margin-right:5px !important;width:30px !important;height:20px !important;background:#004b50 !important; border-radius: 3px !important; line-height: 20px !important;text-align: center !important; font-size: 12px !important}
  1989. .slide_layer_type_row .row_moveme { cursor: move !important}
  1990. #row-zone-bottom .slide_layer_type_row .row_toolbar { bottom:auto !important;top:-12px !important; }
  1991. .slide_layer_type_row:hover .row_toolbar { display: block}
  1992. .slide_layer_type_row .row_editor .eg-icon-cancel { display:none;}
  1993. .slide_layer_type_row .row_editor.open_re .eg-icon-menu { display:none;}
  1994. .slide_layer_type_row .row_editor.open_re .eg-icon-cancel { display:block;}
  1995. .slide_layer_type_row .row_moveme i:before,
  1996. .slide_layer_type_row .row_editor i:before,
  1997. .slide_layer_type_row .row_config i:before { color:#00ffff !important;;}
  1998. .slide_layer_type_row .row_moveme:hover i:before,
  1999. .slide_layer_type_row .row_editor:hover i:before,
  2000. .slide_layer_type_row .row_config:hover i:before { color:#004b50 !important;}
  2001. .slide_layer_type_row .row_moveme:hover,
  2002. .slide_layer_type_row .row_editor:hover,
  2003. .slide_layer_type_row .row_config:hover { background:#00ffff !important;}
  2004. .slide_layer_type_row.layer_selected .row_toolbar,
  2005. .slide_layer_type_row.layerchild_selected .row_toolbar { display: block }
  2006. .slide_layer_type_column.layerchild_selected,
  2007. .slide_layer_type_column:hover,
  2008. .slide_layer_type_column.layer_selected { border-color:#00ffff !important;}
  2009. .slide_layer_type_column.layerchild_selected:after,
  2010. .slide_layer_type_column.layer_selected:after { position:absolute;content:" ";right:0px;top:0px;height:100%;width:1px;border-right:1px dashed #00ffff;box-shadow:0px 0px 0px 1px rgba(0,0,0,0.20); }
  2011. .slide_layer_type_column.layerchild_selected { background:rgba(0,130,132,0.10);}
  2012. .slide_layer_type_column:hover,
  2013. .slide_layer_type_column.layer_selected { background:rgba(0,130,132,0.40);}
  2014. .slide_layer_type_row.layer_selected .slide_layer_type_column { border-top-color:#00ffff;border-bottom-color:#00ffff}
  2015. .slide_layer_type_row.layer_selected .slide_layer_type_column:first-child { border-left-color:#00ffff;}
  2016. .slide_layer_type_row.layer_selected .slide_layer_type_column:last-child { border-right-color:#00ffff;}
  2017. .layer_placeholder_in_column { opacity: 0.3; display:inline-block;}
  2018. .layer_placeholder_in_column .ui-resizable-handle,
  2019. .layer_placeholder_in_column .icon_cross,
  2020. .layer_placeholder_in_column .ui-rotatable-handle { display:none !important; }
  2021. .slide_layer_type_row.currently_not_visible,
  2022. .slide_layer_type_row.currently_not_visible .slide_layer,
  2023. .slide_layer_type_column.currently_not_visible,
  2024. .slide_layer_type_column.currently_not_visible .slide_layer { visibility:hidden !important;}
  2025. .column_background { width:100%;height:100%;position:absolute;top:0px;left:0px; z-index:0; box-sizing: border-box; background-clip: content-box;border:0px solid transparent;}
  2026. .slide_layer_type_column .tp_layer_group_inner_wrapper .slide_layer { max-width: 100% !important }
  2027. .rev_breakcolumns .slide_layer_type_column { display:block !important; width:100% !important;}
  2028. .rev_breakcolumns .slide_layer_type_column.layer-deleted { display:none !important; }
  2029. .slide_layer_type_column .slide_layer_type_image { height:auto !important;}
  2030. .slide_layer_col_sizer .innerslide_layer > .tp_layer_group_inner_wrapper { white-space: normal !important }
  2031. /*********** LAYER GROUP EXTENSIONS *********************/
  2032. .slide_layer_type_group { box-sizing: border-box; border:1px dashed rgba(0, 130, 132, 0.7); }
  2033. .slide_layer_type_group.inwork { z-index:2000 !important;}
  2034. .slide_layer_type_group .inlaydecor { visibility:hidden; position:absolute; width:100%;height:100%; top:0px;left:0px; background:rgba(255,255,255,0.9);z-index:600; }
  2035. .slide_layer_type_group .groupinfo { cursor:pointer; display:none; z-index:602; position: absolute;top:50%;left:50%; width:140px; background:#9b59b6; height:30px; border-radius:6px;margin-left:-80px; padding:0px 10px; margin-top:-15px;box-shadow: rgba(0, 0, 0, 0.35) 0px 10px 30px 0px;}
  2036. .slide_layer_type_group .groupinfo .group_info_text { color:#fff; font-size: 13px; font-weight: 600; box-sizing: border-box; line-height: 30px; display: inline-block; text-transform: capitalize;vertical-align: top; margin-left: 10px;}
  2037. .slide_layer_type_group .groupinfo .fa-icon-object-group { line-height: 30px; display: inline-block;vertical-align: top; font-size: 18px; }
  2038. .slide_layer_type_group .groupinfo .fa-icon-object-group:before { color:#fff; }
  2039. .ldles_1 .groupinfo { background:#f1c40f;}
  2040. .ldles_2 .groupinfo { background:#e67e22;}
  2041. .ldles_3 .groupinfo { background:#e74c3c;}
  2042. .ldles_4 .groupinfo { background:#2ecc71;}
  2043. .ldles_5 .groupinfo { background:#95a5a6;}
  2044. #focusongroup { cursor:pointer;display:none;position:absolute;top:0px; left:-1250px;width:3500px;height:100%; background:rgba(0,0,0,0.65); z-index: 0;}
  2045. #focusongroup:hover { background:rgba(0,0,0,0.50);}
  2046. #focusongroup.inwork { display:block; z-index:1600;}
  2047. .slide_layer_type_group.inwork .inlaydecor { display:none !important;}
  2048. .slide_layer_type_group.inwork .groupinfo { display: none !important;}
  2049. /* DURING DRAG NO OVERFLOW HIDDEN*/
  2050. .onelayerinmove .slide_layer_type_group.inwork .tp_layer_group_inner_wrapper { overflow:visible !important;}
  2051. .slide_layer_type_group:hover .groupinfo { display: block}
  2052. .slide_layer_type_group:hover .inlaydecor { visibility: visible;}
  2053. .slide_layer_type_group.layerchild_selected { background:rgba(0,130,132,0.05); z-index:250 !important;}
  2054. .slide_layer_type_group.layer_selected { background:rgba(0,130,132,0.25); z-index:250 !important;}
  2055. .slide_layer_type_group>.innerslide_layer.tp-caption { position:absolute;top:0px;left:0px;width:100%;height:100%;}
  2056. #divLayers.readytodrop:before { position:absolute; top:0px;left:0px;z-index:248 !important; content:" ";width:100%;height:100%;background:rgba(0,130,132,0.10);}
  2057. /************** ROW ZONE ORGANISATION *********************/
  2058. #row-zone-top,
  2059. #row-zone-middle,
  2060. #row-zone-bottom { position:absolute;z-index:3; width:100%;left:0px; box-sizing: border-box;min-height:50px; }
  2061. .row-zone-container.emptyzone { display:none; }
  2062. .row-zone-container.emptyzone.nowyouseeme { display:block; }
  2063. .row-zone-container.nowyouseeme { border:2px dashed rgba(255,0,0,0.3); border-left:none; border-right:none; }
  2064. #row-zone-top { top:0px;}
  2065. #row-zone-middle { top:50%;}
  2066. #row-zone-bottom { bottom:0px;}
  2067. #row-zone-bottom #rs-layout-row-composer { bottom:auto; top:30px;text-align: left !important }
  2068. .row-zone-container.layerrow_selected { z-index:400 !important;}
  2069. /********* BUTTON HOVERS EXTENSION **********/
  2070. #kenburn-playpause-wrapper:hover,
  2071. #kenburn-backtoidle:hover,
  2072. #mastertimer-playpause-wrapper:hover,
  2073. #mastertimer-backtoidle:hover,
  2074. #add_new_group:hover,
  2075. #add_new_row:hover { background-color:#2980b9; }
  2076. #viewWrapper label#abs_rel_label { line-height: 50px; vertical-align: top; display: inline-block !important;margin-left: 35px; }
  2077. #abs_rel_timeline { margin:12px 0px 0px 10px; cursor: pointer;}
  2078. /* context menu */
  2079. .context-menu { display: none;position: absolute;z-index: 10010;padding: 8px 0px;width: 240px;background-color: #252525; }
  2080. #context_menu_underlay { z-index:10009;position: fixed; top:0px;left:0px;width:100%;height:100%;background:rgba(255,255,255,0.2); visibility:hidden; cursor: alias;}
  2081. .context-menu__items { list-style: none;margin: 0;padding: 0; position: relative;}
  2082. .context-menu__item { font-weight: 600;display: block;line-height:25px; color:#fff; padding:0px 10px;vertical-align: top;margin:0px; position: relative;}
  2083. .ctx_item_inner { display: bock; opacity:0.4; position: relative; }
  2084. .context-with-sub:hover >.ctx_item_inner,
  2085. .ctx_item_inner:hover { opacity: 1 }
  2086. .context-submenu { max-height:310px; overflow:hidden; list-style: none;margin: 0;padding: 8px 0px; position:absolute;top:0px; left:100%; width:260px;background-color: #252525; display:none;}
  2087. .submenustoleft .context-submenu { right:100% !important; left:auto !important; }
  2088. .submenustobottom .context-submenu { top:auto !important; bottom:-8px !important; }
  2089. .context-menu__item:hover .context-submenu { display: block }
  2090. .ctx-layer-link-selector { width:12px;height:12px; border:2px solid #ddd; box-sizing:border-box; border-radius:7px; position:absolute; right:0px; top:7px; cursor: pointer;}
  2091. .context-menu__item i { display: inline-block;width:30px;height:25px;vertical-align: top;line-height: 25px;color:#fff; text-align:center;font-size: 14px;margin-right:5px;}
  2092. .context-menu__item i:before { color:#fff; }
  2093. #cx-selected-layer-icon.rs-icon-layerfont_n { background-position: center 7px; }
  2094. .context-menu__item i.fa-icon-chevron-right { position: absolute; top:0px;right:-10px; font-size:10px;}
  2095. .context-menu__item i.rs-displays-icon { background-repeat: no-repeat; background-position: center center; background-size: contain; height:17px ;margin-top:4px;}
  2096. .context-menu__link:hover i.rs-displays-icon { opacity: 1 !important}
  2097. .ctx-m-top-divider { border-top:1px solid #333;margin-top:8px;padding-top:8px;}
  2098. .context-menu__item span.cx-layer-name { display: inline-block;line-height: 25px; }
  2099. .context-menu__item:last-child { margin-bottom: 0;}
  2100. .context-menu__link { text-decoration: none;cursor: pointer;}
  2101. #cx-selected-layer-name { text-transform: uppercase; display:inline-block;width:155px; white-space: nowrap;overflow: hidden;position: relative;vertical-align: top; line-height: 25px}
  2102. .context-submenu.ps-container > .ps-scrollbar-y-rail { display: block !important; opacity: 1 !important }
  2103. .ctx-td-switcher { background: #444; width:30px;height:15px; border-radius: 8px; position: absolute; display: inline-block; cursor: pointer; right:5px;top:8px;}
  2104. .ctx-td-switcher.ctx-td-s-off { background: #000}
  2105. .ctx-td-switcher:before { transition:left 0.2s ease-in-out;position: absolute; content:" "; width:11px;height:11px; background-color: #aaa; border-radius: 50%; top:2px;left:2px;}
  2106. .ctx-td-switcher.ctx-td-s-off:before { background-color:#444; left:18px;}
  2107. .ctx_item_inner.context-menu__link { margin-left:10px;}
  2108. .ctx_item_inner.context-menu__link.noleftmargin { margin-left: 0px }
  2109. .ctx-td-option-selector-wrapper { display:inline-block; float:right;line-height: 25px}
  2110. .ctx-td-option-selector { cursor:pointer; display: inline-block; border:1px solid transparent; border-radius: 6px; box-sizing: border-box; color:#999; font-size:11px; line-height:14px; padding:0px 5px; vertical-align: middle; text-align: center;}
  2111. .ctx-td-option-selector:hover { color:#fff;}
  2112. .ctx-td-option-selector.selected { color:#fff; border-color:#fff; border-radius: 6px}
  2113. .ctx-in-one-row { display: inline-block; }
  2114. .in_column_false .context-menu__item._ho_notincolumn:after,
  2115. .in_column_true .context-menu__item._ho_incolumn:after,
  2116. .layer_type_image .context-menu__item._ho_image:after,
  2117. .layer_type_text .context-menu__item._ho_text:after,
  2118. .layer_type_audio .context-menu__item._ho_audio:after,
  2119. .layer_type_video .context-menu__item._ho_video:after,
  2120. .layer_type_svg .context-menu__item._ho_svg:after,
  2121. .layer_type_button .context-menu__item._ho_button:after,
  2122. .layer_type_shape .context-menu__item._ho_shape:after,
  2123. .layer_type_row .context-menu__item._ho_row:after,
  2124. .layer_type_column .context-menu__item._ho_column:after,
  2125. .layer_type_group .context-menu__item._ho_group:after { content:" ";position:absolute; top:0px;left:0px;width:100%;height:100%;background:rgba(37,37,37,0.6);cursor: default;}
  2126. /* CTX LINK OF LAYERS TO OTHER LAYERS */
  2127. .ctx-list-of-layer-links { position: absolute; width:15px; z-index:20; right:5px;}
  2128. .ctx-list-of-layer-links-inner { position: absolute; background:#252525 !important; display:none !important; width:100px; top:0px;right:3px; overflow: hidden; text-align: right; }
  2129. .ctx-list-of-layer-links:hover .ctx-list-of-layer-links-inner { display:block !important;}
  2130. .ctx-layer-link-type-element { width:12px !important; height:12px !important; box-sizing: border-box; border-radius:6px; cursor: pointer; display: inline-block !important; line-height: 29px !important;vertical-align: middle !important;}
  2131. .ctx-layer-link-type-0 { background:transparent;border:2px solid #ddd;}
  2132. .ctx-layer-link-type-1 { background:#f1c40f;}
  2133. .ctx-layer-link-type-2 { background:#e67e22;}
  2134. .ctx-layer-link-type-3 { background:#e74c3c;}
  2135. .ctx-layer-link-type-4 { background:#2ecc71;}
  2136. .ctx-layer-link-type-5 { background:#95a5a6;}
  2137. /* KEN BURN PREVIEW */
  2138. #kenburn_wrapper { position: relative;}
  2139. #ken_burn_example_wrapper { position: absolute; top:0px;left:550px;}
  2140. #ken_burn_example { position: relative; width:320px; border:2px solid #eee;overflow: hidden;}
  2141. #ken_burn_slot_example { position: absolute; top: 0px; left: 0px; z-index: 0; width: 100%; height: 100%; background-size:cover;background-position: center center; background-repeat: no-repeat;}
  2142. /* SOME BUG FIXES*/
  2143. #slide_main_settings_wrapper { z-index:4990; max-width:100% !important; min-width:1200px !important }
  2144. /* STICKY MENU MAGIC */
  2145. #nls-wrapper { width:100%; z-index:4980; background-color: #fff; }
  2146. #nls-wrapper.isfixed { box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.25); }
  2147. #sticky_layersettings_toggle { line-height: 46px; height: 46px;width: 45px;position: absolute; right: 0px;top: 0px;text-align: center; cursor: pointer; border-left: 1px solid #e5e5e5; color:#333;}
  2148. #sticky_layersettings_toggle i { font-size: 18px}
  2149. #sticky_layersettings_toggle:hover,
  2150. #sticky_layersettings_toggle.selected { background:#34495e;color:#fff;}
  2151. #video_dialog_form .button-primary.revblue {
  2152. background: #3498db; border: none; outline:none; text-shadow: none; box-shadow: none; border-radius: 0px; font-weight: 400;
  2153. }
  2154. .layer_action_table ::-webkit-input-placeholder { color: #aaa;font-style: italic }
  2155. .layer_action_table ::-moz-placeholder { color: #aaa; font-style: italic}
  2156. .layer_action_table :-moz-placeholder { color: #aaa;font-style: italic }
  2157. .layer_action_table ::-ms-input-placeholder { color: #aaa;font-style: italic }
  2158. .show-on-sfx_out,
  2159. .show-on-sfx_in {
  2160. display: none;
  2161. }
  2162. .show-on-sfx_out.activestatus,
  2163. .show-on-sfx_in.activestatus {
  2164. display: inline-block;
  2165. }
  2166. .hide-on-sfx_out.activestatus,
  2167. .hide-on-sfx_in.activestatus { opacity: 0.2; position: relative; -webkit-touch-callout: none; /* iOS Safari */
  2168. -webkit-user-select: none; /* Safari */
  2169. -khtml-user-select: none; /* Konqueror HTML */
  2170. -moz-user-select: none; /* Firefox */
  2171. -ms-user-select: none; /* Internet Explorer/Edge */
  2172. user-select: none;
  2173. pointer-events: none;
  2174. }
  2175. .hide-on-sfx_out.activestatus:after,
  2176. .hide-on-sfx_in.activestatus:after { content: " "; background: transparent; width: 100%;height: 100%;top: 0px;left: 0px; cursor: default; position: absolute }