admin.css 141 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076
  1. /**************************************************
  2. - GENERAL SETTINGS -
  3. **************************************************/
  4. html, body { background: #e1e1e1 !important}
  5. #tp-bgyoutubesrc,
  6. #tp-bgvimeosrc,
  7. .text-selectable { -webkit-touch-callout: all !important;
  8. -webkit-user-select: all !important;
  9. -khtml-user-select: all !important;
  10. -moz-user-select: all !important;
  11. -ms-user-select: all !important;
  12. user-select: all !important;
  13. }
  14. .tp-clearfix { display:block; clear:both;}
  15. #viewWrapper { font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative;}
  16. /* TP PLUGIN VERSION */
  17. .tp-plugin-version { text-align: right;padding-right: 20px;padding-top: 10px;}
  18. /* BUTTONS */
  19. #viewWrapper .button-primary,
  20. .button-primary.tp-be-button { display: inline-block; height: 35px; line-height: 35px;padding: 0px 10px 1px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;
  21. border: none;text-shadow: none;border: none;outline: none;box-shadow: none;line-height: 26px;height: 27px;margin: 2px 3px 2px 0px;color: #FFF;background: rgba(0, 0, 0, 0); border-radius: 0px; -webkit-border-radius: 0px;-moz-border-radius: 0px;
  22. text-shadow:none !important;
  23. }
  24. /* REVBLUE */
  25. #viewWrapper .revblue,
  26. #viewWrapper .revblue.button-disabled,
  27. .revblue,
  28. .button-primary.tp-be-button.revblue,
  29. .revblue.button-disabled { background:#3498db}
  30. #viewWrapper .revblue:hover,
  31. .button-primary.tp-be-button.revblue:hover,
  32. .revblue:hover { background:#2980b9}
  33. /* REVBLUEDARK*/
  34. .revbluedark,
  35. .revbluedark.button-disabled,
  36. #viewWrapper .revbluedark,
  37. #viewWrapper .revbluedark.button-disabled { background:#34495e}
  38. #viewWrapper .revbluedark:hover,
  39. .revbluedark:hover { background:#2c3e50}
  40. /* REVGREEN */
  41. #viewWrapper .revgreen,
  42. .revgreen { background:#27ae60}
  43. .revgreen:hover,
  44. .revgreen.ui-state-active,
  45. #viewWrapper .revgreen:hover,
  46. #viewWrapper .revgreen.ui-state-active { background:#2ecc71}
  47. .revgreenicon i:before,
  48. .revgreenicon:before { color:#27ae60 !important; font-size: 18px}
  49. /* REVRED */
  50. .revred,
  51. .revred.button-disabled,
  52. #viewWrapper .revred,
  53. #viewWrapper .revred.button-disabled { background: #e74c3c;}
  54. .revred:hover,
  55. #viewWrapper .revred:hover { background: #c0392b;}
  56. .revredicon i:before,
  57. .revredicon:before { color:#e74c3c !important; font-size: 18px;}
  58. /* REVYELLOW */
  59. #viewWrapper .revyellow,
  60. #viewWrapper .revyellow.button-disabled { background: #f1c40f;}
  61. #viewWrapper .revyellow:hover { background: #f39c12;}
  62. /* REVGRAY */
  63. .revgray,
  64. #viewWrapper .revgray { background: #95a5a6;}
  65. .revgray:hover,
  66. #viewWrapper .revgray:hover { background: #7f8c8d;}
  67. /* REVNEWGRAY */
  68. #viewWrapper .revnewgray { background: #ddd;}
  69. #viewWrapper .revnewgray:hover,
  70. #viewWrapper .revnewgray.selected { background: #999;}
  71. .revnewgray *,
  72. .revnewgray *:before { color:#909090;;}
  73. .revnewgray.selected *,
  74. .revnewgray:hover *,
  75. .revnewgray:hover *:before,
  76. .revnewgray.selected *,
  77. .revnewgray.selected *:before { color:#fff;;}
  78. /* REVCARROT */
  79. .revcarrot,
  80. .revcarrot.button-disabled,
  81. #viewWrapper .revcarrot,
  82. #viewWrapper .revcarrot.button-disabled { background: #e67e22;}
  83. .revcarrot:hover,
  84. #viewWrapper .revcarrot:hover { background: #d35400;}
  85. /* REVPURPLE */
  86. #viewWrapper .revpurple,
  87. .revpurple { background:#9b59b6;}
  88. .revpurple:hover,
  89. .revpurple.ui-state-active,
  90. #viewWrapper .revpurple:hover,
  91. #viewWrapper .revpurple.ui-state-active { background:#8e44ad;}
  92. /* VIDEO SEARCH BUTTON */
  93. .video_search_button {
  94. height: 25px;
  95. background: #3498DB;
  96. color: #FFF;
  97. font-weight: 400;
  98. font-size: 12px !important;
  99. line-height: 26px;
  100. padding: 0px 10px;
  101. vertical-align: top;
  102. text-transform: capitalize;
  103. }
  104. .iconttowhite[class^="eg-icon-"]:before,
  105. .iconttowhite[class*=" eg-icon-"]:before,
  106. .iconttowhite:before { color:#fff;}
  107. /**************************
  108. - SOME EXTRAS -
  109. ***************************/
  110. .toggled-content { padding:10px; box-sizing:border-box;
  111. -moz-box-sizing:border-box;
  112. -webkit-box-sizing:border-box;
  113. }
  114. .divide10 { width:100%;clear:both; height:10px;}
  115. .divide20 { width:100%;clear:both; height:20px;}
  116. .divide5 { width:100%;clear:both; height:5px;}
  117. .p10 { padding:10px;}
  118. .p15 { padding:15px;}
  119. .p20 { padding:20px;}
  120. .pt0 { padding-top:0px;}
  121. .pb0 { padding-bottom:0px;}
  122. .pb10 { padding-bottom:10px;}
  123. .pb20 { padding-bottom:20px;}
  124. .ml0 { margin-left:0px !important}
  125. .ml10 { margin-left:10px !important}
  126. .mr10 { margin-right:10px !important}
  127. .mb10 { margin-bottom:10px !important}
  128. .mtop_10 { margin-top:10px !important;}
  129. .ntpad { }
  130. .boxsized { box-sizing:border-box;
  131. -moz-box-sizing:border-box;
  132. -webkit-box-sizing:border-box;
  133. }
  134. .mw960 { max-width:960px;}
  135. .newlineheight { float:left; margin:5px 10px 5px 0px !important;}
  136. .float_left { float:left;}
  137. .float_right { float:right;}
  138. .clear_both { clear:both;}
  139. .unite_table_items tr { height:50px;}
  140. .unite_table_items tr td { vertical-align: middle;line-height: 23px;}
  141. .unite_table_items tr td a { font-size:14px;}
  142. /**************************************************
  143. - TITLE SETTINGS
  144. **************************************************/
  145. #viewWrapper .title_line { background-color:#fff; padding:15px;}
  146. .wrap .title_line { height:50px;clear:both;margin-bottom:20px !important;}
  147. #viewWrapper .title_line { background-color:#fff; padding:15px;}
  148. #viewWrapper .title_line.nobgnopd { padding:15px 15px;margin-bottom:0px !important; height:50px;}
  149. #viewWrapper .title_line #icon-options-general { width:215px;height:100%; background:url(../images/logo_small.png) no-repeat center center; display:inline-block; float:left;margin-right:25px; }
  150. #viewWrapper .title_line .button-primary { margin-top:10px !important}
  151. #viewWrapper .title_line.nobgnopd .button-primary { margin-top:0px !important}
  152. .wrap .title_line .view_title { font-size: 19px;font-weight: 300;color: #464646;padding-top: 16px;padding-right: 15px;display: block;float: left;}
  153. .api-caption { font-size: 14px; font-weight: bold;}
  154. /**************************************************
  155. - SLIDER SETTINGS PANELS
  156. **************************************************/
  157. #viewWrapper .settings_panel { display:table;width:100%}
  158. #viewWrapper .settings_panel_left { float:none;display:table-cell; min-width:655px; width:100%; max-width:1080px; vertical-align: top; }
  159. #viewWrapper .settings_panel_right { float:none;display:table-cell; min-width:375px; width:100%; vertical-align: top;padding-left:20px;}
  160. .settings_panel_left .description { display: block;}
  161. .rs-slidesize-selector,
  162. .rs-slidetypeselector { display:table;width:100%;}
  163. .rs-slidesize-selector { width:100%; margin:0px auto 0px;}
  164. .rs-slidersize,
  165. .rs-slidertype { cursor:pointer; display:table-cell; text-align:center;width:33.33%; padding:35px 20px;}
  166. .rs-slidertype img { width:100%;}
  167. .rs-slidersize { padding:65px 20px;}
  168. .rs-slidertype .selected-type { display: none;}
  169. .rs-slidersize.selected,
  170. .rs-slidersize:hover,
  171. .rs-slidertype.selected,
  172. .rs-slidertype:hover { background: #fff}
  173. .rs-slidertype.selected .notselected-type,
  174. .rs-slidertype:hover .notselected-type { display:none;}
  175. .rs-slidertype.selected .selected-type,
  176. .rs-slidertype:hover .selected-type { display:inline-block;}
  177. .preset-splitter { cursor:pointer;line-height:80px; text-align:center;display:block; background:#eee; color:#777; font-size:18px; font-weight:700;}
  178. .preset-splitter i:before { color:#777;}
  179. .preset-splitter i:before { display: none}
  180. .preset-splitter.readytoopen i:before { display:inline-block;}
  181. .preset-splitter.readytoopen:hover,
  182. .preset-splitter.readytoopen:hover i:before { color:#3498db; background:#fff;}
  183. /**************************************************
  184. - Slider Settings Right And Left Panel -
  185. **************************************************/
  186. #form_slider_params { position: relative; z-index: 1}
  187. .settings_panel_right { position: relative;}
  188. .preset-selector-wrapper { position: relative; overflow: hidden; height:205px;width:100%;}
  189. .preselect-horiz-wrapper { width:10000px;height:205px;position:absolute; display: block; top:0px;left:0px;}
  190. .rs-preset-selector,
  191. .rs-source-selector { position:relative;cursor:pointer;display:block;float:left; width:25%; height:120px; padding:4px 0px 0px; box-sizing: border-box; -webkit-box-sizing:border-box; -noz-box-sizing:border-box;}
  192. .rs-preset-selector { width:270px; height:200px; padding:35px;}
  193. @media (min-width:1380px){
  194. .rs-source-selector { width:20%;}
  195. }
  196. @media (min-width:1530px){
  197. .rs-source-selector { width:180px;}
  198. }
  199. .rs-slidersize { position: relative;}
  200. .rs-preset-selector:hover,
  201. .rs-preset-selector.selected,
  202. .rs-source-selector:hover,
  203. .rs-source-selector.selected { background: #fff}
  204. .rs-slidesize-selector input,
  205. .rs-preset-selector input,
  206. .rs-source-selector input { display:block; position: absolute !important; top:0px !important;left:0px !important; width:100% !important;height:100% !important; padding:0px !important;margin:0px !important; border:none !important;border-radius:0; -webkit-border-radius:0; z-index:10;opacity:0 !important;}
  207. .rs-preset-label,
  208. .rs-source-selector .rs-source-label { opacity:0.5;text-align: center; font-size:13px; color:#777; font-weight: 600; display: block; margin-top:5px; line-height:15px;}
  209. .rs-preset-label { margin-top:20px;}
  210. .rs-size-image,
  211. .rs-preset-image,
  212. .rs-source-image { width:100%;height:75px;display:block; background-position:top center; background-image:url(../images/trans_tile.png); background-repeat: no-repeat;}
  213. .rs-preset-noimage { display: block; height:92px;}
  214. .rs-size-image { height:36px;}
  215. .rs-preset-image { height:92px;}
  216. .rs-source-image.rssi-default { background-image:url(../images/slidersources/tp_source_defa.png);}
  217. .rs-source-image.rssi-flickr { background-image:url(../images/slidersources/tp_source_flic.png);}
  218. .rs-source-image.rssi-post { background-image:url(../images/slidersources/tp_source_post.png);}
  219. .rs-source-image.rssi-instagram { background-image:url(../images/slidersources/tp_source_inst.png);}
  220. .rs-source-image.rssi-facebook { background-image:url(../images/slidersources/tp_source_face.png);}
  221. .rs-source-image.rssi-twitter { background-image:url(../images/slidersources/tp_source_twit.png);}
  222. .rs-source-image.rssi-woo { background-image:url(../images/slidersources/tp_source_wooc.png);}
  223. .rs-source-image.rssi-youtube { background-image:url(../images/slidersources/tp_source_yout.png);}
  224. .rs-source-image.rssi-vimeo { background-image:url(../images/slidersources/tp_source_vime.png);}
  225. .rs-size-image.autosized { background-image:url(../images/mainoptions/auto.png);}
  226. .rs-size-image.fullwidthsized { background-image:url(../images/mainoptions/fullwidth.png);}
  227. .rs-size-image.fullscreensized { background-image:url(../images/mainoptions/fullscreen.png);}
  228. .rs-slidertype:hover .rs-preset-label,
  229. .rs-slidertype.selected .rs-preset-label,
  230. .rs-preset-selector:hover .rs-preset-label,
  231. .rs-preset-selector.selected .rs-preset-label,
  232. .rs-source-selector:hover .rs-source-label,
  233. .rs-source-selector.selected .rs-source-label { opacity: 1;color:#3398db;}
  234. .rs-preset-image { height:90px;}
  235. .rs-preset-image.standardslider { background-image:url(../images/sliderselector/type_slider.png); }
  236. .rs-preset-image.heroscene { background-image:url(../images/sliderselector/type_hero.png); }
  237. .rs-preset-image.carouselslider { background-image:url(../images/sliderselector/type_carousel.png); }
  238. .preset-selector-wrapper.ps-container.ps-active-x .ps-scrollbar-x-rail .ps-scrollbar-x
  239. { background-color:#36485F !important;}
  240. .rs-slidertype:hover .rs-preset-image,
  241. .rs-slidertype.selected .rs-preset-image,
  242. .rs-preset-selector:hover .rs-source-image,
  243. .rs-preset-selector.selected .rs-source-image,
  244. .rs-source-selector:hover .rs-source-image,
  245. .rs-source-selector.selected .rs-source-image,
  246. .rs-slidersize:hover .rs-size-image,
  247. .rs-slidersize.selected .rs-size-image { background-position: bottom center; }
  248. .rs-preset-label.noopacity { opacity: 1 !important}
  249. /* SETTING BOXES WITH HEADER AND ACCORDION MODE */
  250. .setting_box { position: relative;min-width: 255px;border: none;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);background: #FFF;padding:0px;margin-bottom:20px;line-height: 20px;}
  251. .setting_box h3 { height: 25px;cursor: pointer !important;font-size: 14px;max-width: 100% !important;padding: 10px;margin: 0px;position: relative;border-bottom: 1px solid #F1F1F1;}
  252. .setting_box h4 { font-size: 14px;color:#34495E;font-weight: 600;padding:0px;margin-top:25px;margin-bottom:5px;}
  253. .setting_box h3 span { display: block;padding-top: 5px;padding-left: 10px;color: #34495E;max-width: 250px;display: inline-block;line-height: 18px;}
  254. .setting_box h3 .setting_box-arrow { width:25px;height:25px;float:right;background-image:url('../images/wp-arrows.png');background-repeat:no-repeat;background-position:right 5px;margin-right:4px;}
  255. .setting_box .inputCheckbox { margin-top:7px;}
  256. .setting_box h3.box_closed .setting_box-arrow { background-position:right -66px;}
  257. .settings_panel_left .setting_box h3, .setting_box.navig h3 { background:#36485f; padding:0px 0px; line-height:46px; height:46px;}
  258. .settings_panel_left .setting_box h3 span, .setting_box.navig h3 span { color:#fff; line-height: 46px; padding:0px 15px; vertical-align: top}
  259. .settings_panel_left .setting_box span.setting-step-number, .setting_box.navig span.setting-step-number { color:#fff; font-size:25px;font-weight: 800; border-right:1px solid #526275; padding:0px 15px;}
  260. .settings_panel_left .setting_box,.setting_box.navig { background:#f5f5f5;}
  261. /* INSIDE PANEL IN SETTING BOXES */
  262. .setting_box .inside { padding:20px;margin:0;font-size:13px;line-height: 25px;}
  263. .rs-rp-accordion-icon { float: left;margin-top: 4px;font-size: 14px;}
  264. #form_slider_params_wrap .label,
  265. .rev-new-label { min-width: 180px;white-space: normal !important;line-height: 35px;position: relative;text-align: left;display: inline-block;}
  266. #form_slider_params_wrap #reset-to-default-inputs .label { min-width:155px; max-width:155px; width:155px;}
  267. #viewWrapper .inside #reset-to-default-inputs select { max-width:112px;}
  268. .rev-new-label { min-width:135px;}
  269. .label-medium { font-size:14px; color:#777; line-height:25px; display: inline-block; font-weight: 600;}
  270. .label-with-subsection { }
  271. #form_slider_params_wrap .withsublabels .label { padding-left:20px; min-width:160px;}
  272. #viewWrapper .inside select,
  273. .rs-settings-wrapper select { background: #e5e5e5;color: #777; font-weight:600; font-size: 12px;padding: 0 3px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;max-height: 26px;line-height: 26px;vertical-align: middle;border: none!important;box-shadow: none!important;-webkit-box-shadow: none!important;min-width:112px;}
  274. .rs-settings-wrapper select[multiple] { height:250px; max-height:250px; margin-top:6px; padding:5px;}
  275. .rs-settings-wrapper select[multiple] option { height:20px; font-size:13px; color:#777; font-weight: 600}
  276. .rs-settings-wrapper select[multiple] option[disabled] { color:#3398DB; text-align: left; margin:10px 0;}
  277. .rs-settings-wrapper input[type="text"],
  278. .rs-settings-wrapper select { width:200px !important;}
  279. #form_general_settings input[type=email],
  280. #form_general_settings input[type=number],
  281. #form_general_settings input[type=password],
  282. #form_general_settings input[type=search],
  283. #form_general_settings input[type=tel],
  284. #form_general_settings input[type=text],
  285. #form_general_settings input[type=url] ,
  286. #viewWrapper input[type=email],
  287. #viewWrapper input[type=number],
  288. #viewWrapper input[type=password],
  289. #viewWrapper input[type=search],
  290. #viewWrapper input[type=tel],
  291. #viewWrapper input[type=text],
  292. #viewWrapper input[type=url] ,
  293. input[type=text].adb-input,
  294. input[type=text].ads-input { background: #e5e5e5;color: #777;font-size: 13px;padding: 0 7px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;max-height: 26px;line-height: 26px;font-weight: 600;vertical-align: middle;border: none!important;box-shadow: none!important;-webkit-box-shadow: none!important;width:112px;}
  295. #form_general_settings input[type=email]:focus,
  296. #form_general_settings input[type=number]:focus,
  297. #form_general_settings input[type=password]:focus,
  298. #form_general_settings input[type=search]:focus,
  299. #form_general_settings input[type=tel]:focus,
  300. #form_general_settings input[type=text]:focus,
  301. #form_general_settings input[type=url]:focus ,
  302. #viewWrapper input[type=email]:focus,
  303. #viewWrapper input[type=number]:focus,
  304. #viewWrapper input[type=password]:focus,
  305. #viewWrapper input[type=search]:focus,
  306. #viewWrapper input[type=tel]:focus,
  307. #viewWrapper input[type=text]:focus,
  308. #viewWrapper input[type=url]:focus,
  309. input[type=text].adb-input:focus,
  310. input[type=text].ads-input:focus { background:#ccc;}
  311. /****************************
  312. * Custom Dialog Styles
  313. ****************************/
  314. #form_general_settings input[type=text] { width: 80% ;margin-bottom: 10px; }
  315. #rs-global-settings-dialog-wrap {padding: 20px 30px !important;background: #fff;}
  316. #rs-global-settings-dialog-wrap label {min-width: 350px;font-weight: 600;font-size: 14px;display: inline-block;height: 30px;line-height: 30px;}
  317. #rs-global-settings-dialog-wrap .button-primary {text-shadow: none !important;border: none !important;outline: none !important;box-shadow: none !important;line-height: 26px !important;height: 27px !important;margin: 2px 3px 2px 0px!important;color: #FFF !important;}
  318. #rs-global-settings-dialog-wrap .rs-global-setting {margin-bottom: 20px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;display: table;width: 100%;}
  319. #rs-global-settings-dialog-wrap .rs-global-setting.last-egs {padding-bottom: 0px;border-bottom: none;margin-bottom: 0px}
  320. #rs-global-settings-dialog-wrap .rs-gs-tc {display: table-cell;vertical-align: top}
  321. #rs-global-settings-dialog-wrap .rs-gs-tc:first-child {width: 350px;}
  322. #rs-global-settings-dialog-wrap .rs-gs-tc:nth-child(2) {width: 250px;}
  323. #rs-global-settings-dialog-wrap i {display: block;font-size: 11px;line-height: 14px;color: #aaa;}
  324. #rs-global-settings-dialog-wrap #ess-grid-delete-cache {display: inline-block;vertical-align: top;margin-left: 10px !important;}
  325. #viewWrapper input[disabled],
  326. #viewWrapper select[disabled] { opacity: 0.5; }
  327. .spanSettingsStaticText { font-size:11px; color:#555; margin-top:15px; margin-bottom:15px;font-weight: 600; line-height: 13px; display: block;border-bottom: 1px solid #ddd}
  328. #viewWrapper .inside select[multiple] { max-height:none !important;}
  329. #viewWrapper input[type="radio"] { margin: 0;line-height: 30px;vertical-align: middle; width:16px; height:16px;}
  330. #viewWrapper input[type=radio]:checked:before { width: 6px;height: 6px;margin: 4px;line-height: 16px;background-color: #1E8CBE;}
  331. /* MAIN OPTIONS LEFT PANEL INPUT FIELDS */
  332. .one-full-container { position:relative; display:table-cell;width:100%; padding:0px 15px;}
  333. .one-half-container { position:relative; display:table-cell;width:50%; padding:0px 15px;}
  334. .one-third-container { position:relative; display:table-cell;width:33.3%; padding:0px 15px;}
  335. #viewWrapper .slidertitlebox { display: table; width:100%;}
  336. .limitedtablebox { max-width: 600px; margin:0px auto;}
  337. #viewWrapper .slidertitlebox input { margin-bottom:15px;line-height: 40px;width: 100%;max-height: 41px;padding: 13px 45px 13px 15px; background: #e5e5e5; color:#777; font-size:14px; font-weight:600;}
  338. .input-shortcode-icon,
  339. .input-edit-icon {
  340. position: absolute;
  341. cursor: pointer;
  342. right: 15px;
  343. top: 3px;
  344. width: 33px;
  345. height: 33px;
  346. background: url(../images/toolbar/icon-edit_dark.png);
  347. background-repeat: no-repeat;
  348. background-position: center center;
  349. }
  350. .input-shortcode-icon { background-image: url(../images/toolbar/icon-shortcode.png);}
  351. /* PLACEHOLDER STYLING IN SLIDER SETTINGS */
  352. .placeholder-label { min-width:155px !important; max-width:155px !important; width:155px !important;}
  353. .placeholder-checkbox { margin-right:12px !important;}
  354. .toggle-custom-navigation-style,
  355. .save-navigation-style-as-preset,
  356. .delete-navigation-style-as-preset { line-height:30px; color:#fff; background:#4195df; padding:0px 10px; cursor: pointer; display: inline-block; margin:15px 0px;}
  357. .save-navigation-style-as-preset,
  358. .delete-navigation-style-as-preset { display: block;}
  359. .delete-navigation-style-as-preset { background:#E74C3C;}
  360. .toggle-custom-navigation-styletarget { display:none; position:relative;}
  361. .placeholder-description { margin-left: 10px;
  362. margin-top: 8px;
  363. display: inline-block;
  364. font-size: 14px;
  365. font-style: italic;
  366. color: #999;
  367. font-weight: 400;
  368. line-height: 20px;
  369. }
  370. .save-navigation-style-as-preset,
  371. .delete-navigation-style-as-preset { display: inline-block; margin-right: 5px}
  372. .toggle-custom-navigation-style { display: none}
  373. .toggle-custom-navigation-style.visible { display: inline-block;}
  374. .toggle-custom-navigation-styletarget {
  375. background: #f1f1f1;
  376. margin: 0px -20px;
  377. padding: 20px;
  378. }
  379. #slide-nav-settings-content .tp-onoffbutton { margin-right: 25px}
  380. /* DESCRIPTION ELEMENTS */
  381. span.description { font-size: 13px;font-style: italic;color: #999;font-weight: 300;line-height: 20px;}
  382. .settings_panel .setting_required { font-size: 16px;color: #F00; margin-right:10px;}
  383. #viewWrapper .settings_panel_left span.description { font-size:13px;color:#aaa;font-weight:400;}
  384. /* SHADOWTYPES IN APPEARANCE */
  385. .inside .shadowTypes { display: block; width:100%;vertical-align: top}
  386. /* COLOR PICKER STYLING */
  387. .rev-colorpickerspan { vertical-align: top; line-height: 26px; display: inline-block}
  388. .rev-colorpickerspan .rev-colorpicker { vertical-align: top ; line-height: 26px;height:26px;}
  389. #tp-bgcolorsrc .rev-colorpickerspan { line-height: 30px; vertical-align: middle }
  390. .rev-m-colorpickerspan { vertical-align: top; line-height: 35px; display: inline-block}
  391. .rev-m-colorpickerspan .rev-colorpicker { vertical-align: middle ; line-height: 26px;height:26px;}
  392. /* THE TOOLBAR */
  393. #form_toolbar { position:absolute; background:#555; right:100%; top:0px; padding:25px; visibility:hidden; margin-right:-20px; z-index:0;min-width:270px; border-right:1px dashed #e5e5e5;}
  394. .toolbar-title,
  395. .toolbar-title-a { color:#fff; font-weight:700; font-size:14px; line-height:16px; margin-bottom:15px;}
  396. .toolbar-title-a { margin-top:25px;}
  397. .toolbar-content,
  398. .toolbar-content-a,
  399. .toolbar-extended-info { color:#fff; font-weight:400; font-size:12px; line-height:16px; }
  400. .toolbar-extended-info { margin-top: 15px;}
  401. .toolbar-media { margin-top:15px; }
  402. .toolbar-media img { vertical-align: top}
  403. .toolbar-sliderpreview { width:270px; height:135px;background:transparent; margin:auto;position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  404. .toolbar-slider { width:270px; height:135px; position:absolute; top:0px;left:0px;background:transparent; border:3px solid #808080;position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
  405. .toolbar-slider-image { background:#555; width:100%;height:100%;z-index:0;}
  406. .toolbar-slider-image.shownowbg { background:url(../images/tooltips/slide_placeholder_cut.png); }
  407. .toolbar-progressbar { width:75%;height:4px; background:rgba(0,0,0,0.5); position:absolute;top:0px;left:0px;}
  408. .toolbar-dottedoverlay { width:100%;height:100%; background: transparent;; position:absolute; top:0px; left:0px;background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}
  409. .toolbar-dottedoverlay.twoxtwo { background:url(../images/gridtile.png)}
  410. .toolbar-dottedoverlay.twoxtwowhite { background:url(../images/gridtile_white.png)}
  411. .toolbar-dottedoverlay.threexthree { background:url(../images/gridtile_3x3.png)}
  412. .toolbar-dottedoverlay.threexthreewhite { background:url(../images/gridtile_3x3_white.png)}
  413. .toolbar-navigation-left:after { content: '\e819'; font-family: "eg-font"; color:#fff; font-size:12px; position:absolute; left:6px;top:2px;}
  414. .toolbar-navigation-right:after { content: '\e81a'; font-family: "eg-font"; color:#fff; font-size:12px; position:absolute; left:6px; top:2px;}
  415. .toolbar-navigation-left { display:none;position:absolute;width:20px;height:20px;}
  416. .toolbar-navigation-right { display:none;position:absolute;width:20px;height:20px;}
  417. .toolbar-navigation-bullets { display:none;position:absolute; bottom:10px; width:25px;height:5px; z-index:10;}
  418. .toolbar-navigation-bullet { z-index:1;position:relative;display: block; float:left; width:5px;height:5px; margin-right:4px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; background:#fff; vertical-align: top;}
  419. .toolbar-navigation-thumbs,
  420. .toolbar-navigation-tabs { display:none;position:absolute;padding:5px; width:112px;}
  421. .toolbar-navigation-thumb,
  422. .toolbar-navigation-tab { z-index:1;position:relative;display: block; float:left;width:34px;height:35px; margin-right:5px;padding:5px;background:transparent; color:#555; border:3px solid #808080; font-size:9px; font-weight:600;line-height:12px; box-sizing: border-box;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;vertical-align: top; }
  423. .toolbar-navigation-thumbs-bg,
  424. .toolbar-navigation-tabs-bg { top:0px; left:0px; position: absolute;z-index: 0;width:100%;height:100%;background-color:#000;opacity:1;display: block;}
  425. .short-lorem-ipsum { width:10px;height:3px;position:relative; display:block; background:#808080; vertical-align: top;}
  426. .long-lorem-ipsum { width:17px;height:3px;position:relative; display:block; background:#808080; margin-right:15px;margin-bottom:3px; vertical-align: top; }
  427. .toolbar-navigation-bullets.tbn-vertical { width:6px; height:25px;}
  428. .toolbar-navigation-bullets.tbn-vertical .toolbar-navigation-bullet { margin-right:0px;margin-bottom:5px;}
  429. .toolbar-navigation-thumbs.tbn-vertical,
  430. .toolbar-navigation-tabs.tbn-vertical { width:34px; height:115px;}
  431. .toolbar-navigation-thumbs.tbn-vertical .toolbar-navigation-thumb,
  432. .toolbar-navigation-tabs.tbn-vertical .toolbar-navigation-tab { margin-right:0px;margin-bottom:5px;}
  433. /* POSITIONS OF PREVIEW NAVIGATIONS */
  434. .tbn-left { left:0px;right:auto;}
  435. .tbn-right { left:auto;right:0px;}
  436. .tbn-center { left:50%;right:auto; -webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);}
  437. .tbn-top { top:0px;bottom:auto;}
  438. .tbn-bottom { top:auto;bottom:0px;}
  439. .tbn-middle { top:50%;bottom:auto; -webkit-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%);}
  440. .tbn-center.tbn-middle { top:50%;bottom:auto;left:50%;right:auto; -webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);-moz-transform: translateY(-50%) translateX(-50%);}
  441. /* BG INNER SPANS */
  442. .tbn-horizontal.tbn-spanned .tntb { width:264px;}
  443. .tbn-horizontal.tbn-spanned.tbn-center .tntb { left:-71px;}
  444. .tbn-horizontal.tbn-spanned.tbn-right .tntb { left:-142px;}
  445. .tbn-outer-top.tbn-horizontal.tbn-spanned .tntb,
  446. .tbn-outer-bottom.tbn-horizontal.tbn-spanned .tntb { width:270px;left:0px;}
  447. .outer-left .tbn-outer-top.tbn-horizontal.tbn-spanned .tntb,
  448. .outer-left .tbn-outer-bottom.tbn-horizontal.tbn-spanned .tntb,
  449. .outer-right .tbn-outer-top.tbn-horizontal.tbn-spanned .tntb,
  450. .outer-right .tbn-outer-bottom.tbn-horizontal.tbn-spanned .toolbar-navigation-tabs-bg{ width:228px; left:0px;}
  451. .tbn-outer-top.tbn-horizontal.tbn-left,
  452. .tbn-outer-bottom.tbn-horizontal.tbn-left { margin-left:-3px;}
  453. .tbn-outer-top.tbn-horizontal.tbn-center,
  454. .tbn-outer-bottom.tbn-horizontal.tbn-center { margin-left:-2px;}
  455. .tbn-outer-top.tbn-horizontal.tbn-right,
  456. .tbn-outer-bottom.tbn-horizontal.tbn-right { margin-right:-3px;}
  457. .tbn-vertical.tbn-spanned .tntb { height:129px; top:0px;}
  458. .tbn-vertical.tbn-spanned.tbn-middle .tntb { height:130px; top:-3px;}
  459. .tbn-vertical.tbn-spanned.tbn-bottom .tntb { top:-4px;}
  460. .tbn-outer-left.tbn-vertical.tbn-spanned .tntb,
  461. .tbn-outer-right.tbn-vertical.tbn-spanned .tntb { height:135px;top:0px;}
  462. .tbn-outer-left.tbn-vertical.tbn-top,
  463. .tbn-outer-right.tbn-vertical.tbn-top { margin-top:-3px;}
  464. .tbn-outer-left.tbn-vertical.tbn-middle,
  465. .tbn-outer-right.tbn-vertical.tbn-middle { margin-top:-2px;}
  466. .tbn-outer-left.tbn-vertical.tbn-bottom,
  467. .tbn-outer-right.tbn-vertical.tbn-bottom { margin-top:3px;}
  468. /* TAB/THUMBS outer POSITIONS */
  469. .toolbar-navigation-tabs.tbn-outer-top,
  470. .toolbar-navigation-thumbs.tbn-outer-top { top:-48px; bottom:auto;}
  471. .toolbar-navigation-tabs.tbn-outer-bottom,
  472. .toolbar-navigation-thumbs.tbn-outer-bottom { bottom:-48px; top:auto;}
  473. .toolbar-navigation-tabs.tbn-outer-left,
  474. .toolbar-navigation-thumbs.tbn-outer-left { left:-47px; right:auto;}
  475. .toolbar-navigation-tabs.tbn-outer-right,
  476. .toolbar-navigation-thumbs.tbn-outer-right { right:-47px; left:auto;}
  477. /* BG outer TOP/BOTTOM SPANS */
  478. .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-center .tntb,
  479. .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-center .tntb { left:-72px;}
  480. .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-right .tntb,
  481. .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-right .tntb { left:-148px;}
  482. .outer-left .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-center .tntb,
  483. .outer-left .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-center .tntb,
  484. .outer-right .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-center .tntb,
  485. .outer-right .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-center .tntb { left:-51px;}
  486. .outer-left .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-right .tntb,
  487. .outer-left .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-right .tntb,
  488. .outer-right .tbn-outer-top.tbn-horizontal.tbn-spanned.tbn-right .tntb,
  489. .outer-right .tbn-outer-bottom.tbn-horizontal.tbn-spanned.tbn-right .tntb { left:-106px;}
  490. /* BG outer LEFT/RIGHT SPANS */
  491. .tbn-outer-left.tbn-horizontal.tbn-spanned .tntb,
  492. .tbn-outer-right.tbn-horizontal.tbn-spanned .tntb { height:146px;top:-3px;}
  493. .tbn-outer-left.tbn-vertical.tbn-spanned.tbn-middle .tntb,
  494. .tbn-outer-right.tbn-vertical.tbn-spanned.tbn-middle .tntb { top:-4px;}
  495. .tbn-outer-left.tbn-vertical.tbn-spanned.tbn-bottom .tntb,
  496. .tbn-outer-right.tbn-vertical.tbn-spanned.tbn-bottom .tntb { top:-7px;}
  497. /* outer TOP/BOTTOM ADD ONS */
  498. .toolbar-sliderpreview.outer-top,
  499. .toolbar-sliderpreview.outer-bottom { height:185px;}
  500. .toolbar-sliderpreview.outer-top.outer-bottom { height:235px;}
  501. .toolbar-sliderpreview.outer-left,
  502. .toolbar-sliderpreview.outer-left .toolbar-slider,
  503. .toolbar-sliderpreview.outer-right,
  504. .toolbar-sliderpreview.outer-right .toolbar-slider { width:228px;}
  505. .toolbar-sliderpreview.outer-left .toolbar-slider { left:22px;}
  506. .toolbar-sliderpreview.outer-right .toolbar-slider { left:-22px;}
  507. .toolbar-sliderpreview.outer-left.outer-right,
  508. .toolbar-sliderpreview.outer-left.outer-right .toolbar-slider { width:184px;}
  509. .toolbar-sliderpreview.outer-left.outer-right .toolbar-slider { left:0px;}
  510. /* outer TOP/BOTTOM ADD ONS WRAPPER */
  511. .outer-top .toolbar-slider { top:50px; bottom:0px;}
  512. .outer-bottom .toolbar-slider { top:0px; bottom:auto;}
  513. .outer-bottom.outer-top .toolbar-slider { top:50px;bottom:auto;}
  514. /******************************
  515. - ToolBox -
  516. ********************************/
  517. #eg-toolbox-wrapper { position: fixed;
  518. top: 40px;
  519. right: 15px;
  520. z-index:5000;
  521. }
  522. .eg-toolbox {
  523. padding: 20px 20px 20px 50px;
  524. background: #333;
  525. border: 1px solid #E5E5E5;
  526. color: #fff;
  527. max-width:400px;
  528. cursor: pointer;
  529. position:relative;
  530. }
  531. .eg-toolbox .eg-icon-info { color:#3498db !important; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
  532. border:2px solid #3498db; padding:3px 1px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
  533. }
  534. .eg-toolbox .eg-icon-info:before { color:#3498db !important;}
  535. .eg-toolbox .eg-icon-cancel { color:#e74c3c !important; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
  536. border:2px solid #e74c3c; padding:3px 1px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
  537. }
  538. .eg-toolbox .eg-icon-cancel:before { color:#e74c3c !important;}
  539. .eg-toolbox .eg-icon-ok { color:#2ecc71 !important; font-size:15px; position: absolute; top:50%;left:10px; margin-top:-13px;
  540. border:2px solid #2ecc71; padding:3px 1px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;
  541. }
  542. .eg-toolbox .eg-icon-ok:before { color:#2ecc71 !important;}
  543. #tp-validation-box i:before,
  544. .revpurple i:before { color:#fff !important}
  545. /* STATIC LAYER TAB STYLE */
  546. #viewWrapper .list_static_slide_links .eg-icon-dribbble:before { color:#000 }
  547. #slider_size_row th { vertical-align: top !important; padding-top:6px !important}
  548. #slider_size_row td .description { border-left:40px solid #f1c40f; background:#eee; color:#222; padding:20px 10px; max-width:400px; margin-top:30px; margin-bottom:20px;font-weight: 400;position: relative}
  549. #slider_size_row td .description:before { content: '\e80f';font-family: "revicons"; font-size:25px; color:#fff; position:absolute; top:20px;left:-30px; font-style: normal;}
  550. #slider_size_row .prevxmpl { color:#fff; font-style: normal; padding:3px 5px; background:#34495e; font-size:11px;}
  551. #tp-validation-box i.revicon-info-circled.redrevicon:before { color: #bdc3c7 !important}
  552. /* NEW CSS SETTINGS in VERSION 5.0 */
  553. .rev-iblock { display:inline-block !important;}
  554. .rev-iblock.description { margin-left:10px;}
  555. #rev_custom_grid_sizing table tr td { padding-right:20px;}
  556. .descrwithpadding { padding-left:130px; line-height:15px !important;font-size:12px !important; margin-bottom:10px;margin-top:5px;}
  557. /******************************
  558. INPUT FIELD CHANGES
  559. *******************************/
  560. #api_wrapper input[type="text"] { min-width: 300px}
  561. .api_area { width:100%; background:#f1f1f1; padding:10px 10px; border-radius: 8px;
  562. resize:none; border:none; box-shadow:none; -moz-box-shadow:none;-webkit-box-shadow:none; font-size:11px;
  563. }
  564. /******************************
  565. - MINI TOOLBAR -
  566. ********************************/
  567. #viewWrapper .rs-mini-toolbar { position:absolute;right:0px;top:0px; z-index:99990; padding:0px;margin:0px;}
  568. #viewWrapper .rs-mini-toolbar.sticky { z-index: 99999 }
  569. #viewWrapper .rs-mini-toolbar .rs-mini-toolbar-button { display:inline-block; margin-left:-4px;}
  570. #viewWrapper .rs-mini-toolbar .button-primary { display:inline-block; height:55px !important; line-height:55px !important; margin:0;padding-left:19px !important;}
  571. #viewWrapper .rs-mini-toolbar .button-primary i { margin-right:10px;}
  572. #viewWrapper .rs-mini-toolbar .mini-toolbar-text { display: inline-block;width:0; visibility: hidden; opacity: 0;}
  573. #viewWrapper .rs-mini-toolbar.sticky { position: fixed !important;top:0px; right:20px;line-height: 32px; height:32px;}
  574. #viewWrapper .rs-mini-toolbar.sticky .button-primary{ height:32px !important;line-height:32px !important; padding-left:10px !important;}
  575. #viewWrapper .rs-mini-toolbar.sticky .button-primary i { margin-right:0px !important}
  576. #viewWrapper .rs-mini-toolbar.sticky .rs-mini-toolbar-button:hover .mini-toolbar-text { margin-left:10px;}
  577. #stickystylesbutton_wrap { transition: transform 0.3s; transform: translateY(0px); }
  578. #viewWrapper .rs-mini-toolbar #stickystylesbutton_wrap { display:none;}
  579. #viewWrapper .rs-mini-toolbar.sticky #stickystylesbutton_wrap { display: inline-block;}
  580. #stickystylesbutton_wrap.notyetsticky { transform: translateY(-32px); }
  581. /* PREVIEWER IN SLIDER SETTINGS */
  582. .rsp-view-cell { width:25%; float:left;display:block; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-right:1px solid #e5e5e5; min-height:530px;}
  583. #layout-preshow { background:#eee; min-width:400px; display:inline-block; width:100%;position: relative;padding: 0px;margin: 0px;}
  584. .rsp-needmorehelp { background:#f5f5f5; min-width:400px; color:#999; line-height:15px; font-size:11px;}
  585. .rsp-needmorehelp p { text-align: center; background:#eee; line-height:30px; cursor: pointer;}
  586. .rsp-description ul { margin:auto; width:500px;}
  587. .rsp-needmorecontent { display:none;}
  588. .rsp-description ul li { list-style:circle}
  589. .rsp-view-header { color:#7f8c8d; background: #f5f5f5;text-align: center; vertical-align: middle; line-height:60px; font-size: 14px; font-weight:600; }
  590. .rsp-tablet-view .rsp-view-header { border:1px solid #eee; border-top: none; border-bottom: none;}
  591. .rsp-cell-dimension { border:1px solid #bdc3c7; padding:2px 5px; font-size:12px; color:#c9ced1; margin:0px; margin-left:10px;}
  592. .rsp-present-area { background:#eee; min-height:290px; position: relative; overflow: hidden;}
  593. .rsp-tablet-view .rsp-present-area { border:1px solid #e5e5e5; border-top:0px; border-bottom:0px;}
  594. .rs-preset-label.noopacity { opacity: 1 !important}
  595. .rsp-view-cell .rs-preset-label { opacity: 1; margin-bottom:5px;margin-top:0px;}
  596. .rsp-view-cell .rs-preset-label.label-multiple { margin:0px 5px; display:inline-block; font-weight: 400; }
  597. .rsp-view-cell input[type="text"] { width:68px !important; min-width:68px !important; max-width:68px !important; padding:0px 25px 0px 10px !important; text-align: right}
  598. .relpos { position: relative;}
  599. .pxfill { position: absolute; right:10px;top:-2px; font-size:13px; color:#777; font-weight: 600;}
  600. .disabled .pxfill { opacity:0.5;}
  601. .slide-size-wrapper { text-align:center; padding-bottom:30px; position: relative;-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0.001px);}
  602. .cbi-title { text-align: center;display: block;color: #777;font-size: 18px;font-weight: 700; line-height:25px; margin:25px 0px 20px;text-align: center;}
  603. @media (max-width:1650px){
  604. .rsp-view-cell { width:50%;}
  605. }
  606. @media (max-width:1200px) {
  607. .breakdownonmobile { display: block;}
  608. .breakdownonmobile .one-third-container { width:100%; display:block; margin-bottom:25px;}
  609. }
  610. .rs-width-height-alternative { height:28px;display:block;text-align: center; line-height: 28px; vertical-align: middle;}
  611. .rs-width-height-alternative .rs-preset-label { line-height: 28px; display: inline-block;
  612. background-color: #2980b9;
  613. padding: 0px 10px;
  614. border-radius: 4px;
  615. color: #fff;}
  616. #css-javascript-customs .CodeMirror-scroll.cm-s-default { background-color: #fff;}
  617. .rsp-device-imac-bg,
  618. .rsp-device-imac { width:205px;height:165px; position:absolute;top:50%;left:50%;margin-left:-102px;margin-top:-82px;}
  619. .rsp-device-macbook-bg,
  620. .rsp-device-macbook { width:160px;height:100px; position:absolute;top:50%;left:50%;margin-left:-90px;margin-top:-62px;}
  621. .rsp-device-ipad-bg,
  622. .rsp-device-ipad { width:160px;height:226px; position:absolute;top:50%;left:50%;margin-left:-80px;margin-top:-113px;}
  623. .rsp-device-iphone-bg,
  624. .rsp-device-iphone { width:96px;height:201px; position:absolute;top:50%;left:50%;margin-left:-48px;margin-top:-100px;}
  625. .rsp-grid { position:absolute;width:100%; height:100%;top:0px;left:0px; }
  626. .rsp-layer { background:#3498db;color:#fff; padding:3px 5px; font-size:14px; position:absolute; top:50%;left:50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
  627. /* GRAPHIC OVERLAYS */
  628. .rsp-device-imac-bg { background:url(../images/imac.png);background-position:50% 50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;}
  629. .rsp-device-macbook-bg { background:url(../images/macbook.png);background-position:50% 50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;}
  630. .rsp-device-ipad-bg { background:url(../images/ipadair.png);background-position:50% 50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;}
  631. .rsp-device-iphone-bg { background:url(../images/iphone.png);background-position:50% 50%;width:400px;height:400px;margin-top:-200px;margin-left:-200px;}
  632. /* IMAC PREVIEW */
  633. .rsp-imac-topbar { background:url(../images/topbar.png); width:187px;height:7px; position:absolute;top:9px;left:9px;}
  634. .rsp-bg { background:#bdc3c7; width:187px;height:100px;position:absolute;top:16px;left:9px;}
  635. .rsp-browser { background:#fff;position:absolute;top:16px;width:140px;height:99px;left:32px;}
  636. .rsp-slide-bg { background:url(../images/slidebg.jpg); background-size:cover; background-position:50% 50%;width:100%;
  637. height:70px; top:0px;left:0px; position:absolute;}
  638. .rsp-grid { width:140px; }
  639. /* IMAC PREVIEW */
  640. .rsp-macbook-topbar { background:url(../images/topbar.png); width:160px;height:7px; position:absolute;top:9px;left:9px;}
  641. .rsp-device-macbook .rsp-bg { background:#bdc3c7; width:160px;height:92px;position:absolute;top:16px;left:9px;}
  642. .rsp-device-macbook .rsp-browser { background:#fff;position:absolute;top:16px;width:140px;height:92px;left:20px;}
  643. .rsp-device-macbook .rsp-slide-bg { background:url(../images/slidebg.jpg); background-size:cover; background-position:50% 50%;width:100%;
  644. height:70px; top:0px;left:0px; position:absolute;}
  645. .rsp-device-macbook .rsp-grid { width:140px;}
  646. /* IPAD PREVIEW */
  647. .rsp-device-ipad .rsp-bg { width:138px;height:184px;left:11px;top:21px; }
  648. .rsp-device-ipad .rsp-slide-bg { height:60px; top:6px;}
  649. .rsp-device-ipad .rsp-browser { left:17px; top:21px; width:126px;height:184px;}
  650. .rsp-device-ipad .rsp-grid { width:126px;}
  651. /* IPHONE PREVIEW */
  652. .rsp-device-iphone .rsp-bg { width:79px;height:141px;left:9px;top:31px; }
  653. .rsp-device-iphone .rsp-slide-bg { height:40px}
  654. .rsp-device-iphone .rsp-browser { left:14px; top:31px; width:70px;height:141px;}
  655. .rsp-device-iphone .rsp-grid { width:71px;}
  656. .rsp-dotted-line-hr-left,
  657. .rsp-dotted-line-hr-right { background:url(../images/dotted_vertical.png); width:1px; height:290px; top:50%; margin-top:-145px; left:5px; position:absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
  658. .rsp-dotted-line-hr-right { left:auto;right:5px;}
  659. .rsp-dotted-line-vr-top,
  660. .rsp-dotted-line-vr-bottom { background:url(../images/dotted_horizontal.png); width:230px; height:1px; left:50%;margin-left:-115px; top:2px; position:absolute; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; }
  661. .rsp-dotted-line-vr-bottom { top:auto;bottom:2px;}
  662. .rs-fullaligned .rsp-dotted-line-hr-left { left:0px;}
  663. .rs-fullaligned .rsp-dotted-line-hr-right { right:0px;}
  664. .rs-fullaligned .rsp-dotted-line-vr-top { top:0px;}
  665. .rs-fullaligned .rsp-dotted-line-vr-bottom { bottom:0px;}
  666. /*****************************
  667. - Navigation Setup -
  668. ******************************/
  669. .mo_arrows_icon,
  670. .mo_bullets_icon,
  671. .mo_thumbs_icon,
  672. .mo_tabs_icon { vertical-align:top;margin-right:10px;width:24px;height:25px; line-height: 25px; background-position:center center; background-repeat: no-repeat;display: inline-block;}
  673. .mo_arrows_icon { background-image:url(../images/mainoptions/arrows.png); }
  674. .mo_bullets_icon { background-image:url(../images/mainoptions/bullets.png); }
  675. .mo_thumbs_icon { background-image:url(../images/mainoptions/thumbnails.png); }
  676. .mo_tabs_icon { background-image:url(../images/mainoptions/tabs.png); }
  677. .mo-navigation-wrapper .label-medium { margin-right:15px; }
  678. .mo-one_fourth { display:block; width:25%; float:left; text-align: center;}
  679. .mo-one_fourth .tp-onoffbutton { text-align: left;}
  680. @media (max-width:1400px){
  681. .mo_arrows_icon,
  682. .mo_bullets_icon { margin-bottom:15px;}
  683. .mo-navigation-wrapper .label-medium { width:100px;margin-left:10px; }
  684. .mo-one_fourth { width:50%;}
  685. }
  686. .buttonarea { padding:20px 30px 30px; background:#F5F5F5; text-align: center;}
  687. /*****************************
  688. - POST BASED SETTINGS -
  689. ******************************/
  690. .rs-settings-wrapper { background:#fff;padding:30px; overflow: hidden;display:none;}
  691. /******************************
  692. - SPINNER -
  693. ********************************/
  694. #spinner_preview {
  695. width:100%;height:100px;position:relative;background:#F1C40F;
  696. }
  697. .tp-loader.tp-demo { left:50% !important;position:absolute;top:50% !important;}
  698. /******************************
  699. - VALIDATION -
  700. ********************************/
  701. #rs-validation-wrapper { margin-top:15px;}
  702. #rs-validation-wrapper .validation-label { float:left;font-weight:bold;width:150px;line-height:26px}
  703. #rs-validation-wrapper .validation-input { float:left;min-width:300px; max-width:710px; width:75%;}
  704. #rs-validation-wrapper .validation-description { color:#999;font-style: italic; margin-top:5px;margin-bottom:20px;}
  705. #rs-validation-wrapper .clear { clear:both;width:100%;}
  706. /******************************
  707. - UPDATE LOGS -
  708. ********************************/
  709. .rs-update-history-wrapper { background: #fff; box-sizing: border-box; -moz-box-sizing: border-box;}
  710. .rs-update-history { height:485px;overflow:scroll;width:100%; padding:20px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box;}
  711. .slider-revolution-update-list .version-number { font-size:18px; font-weight:600; color:#222; margin-top:40px; font-family: "Open Sans",sans; margin-bottom:30px;}
  712. .slider-revolution-update-list .version-number:first-child { margin-top:0px;}
  713. .slider-revolution-update-list ul { font-size:13px; font-weight:400;line-height:18px; color:#222; padding:0px 0px 0px 20px;font-family: "Open Sans",sans; margin-bottom:30px;}
  714. .slider-revolution-update-list li { list-style-type:disc; padding:0px;font-family: "Open Sans",sans; margin-left:33px;color:#666;font-weight: 400}
  715. .slider-revolution-update-list .change strong,
  716. .slider-revolution-update-list .bugfix strong,
  717. .slider-revolution-update-list .newfeature strong { font-size:13px; font-weight:400; color:#222;line-height:18px;font-family: "Open Sans",sans; text-transform: uppercase;margin-left:10px;}
  718. div.newfeature:before { content: '\f155'; font-family: "dashicons"; color:#fff; background:#27ae60; padding:6px; border-radius:50%; font-size:20px;margin-right:10px; vertical-align: middle; font-weight: 400;}
  719. div.change:before { content: '\f463'; font-family: "dashicons"; color:#fff; background:#e67e22; padding:6px; border-radius:50%; font-size:20px;margin-right:10px;vertical-align: middle; font-weight: 400;}
  720. div.bugfix:before { content: '\f308'; font-family: "dashicons"; color:#fff; background:#e74c3c; padding:6px; border-radius:50%; font-size:20px;margin-right:10px;vertical-align: middle; font-weight: 400;}
  721. .slider-revolution-update-list hr { margin-top:30px;margin-bottom:30px;border:none; border-top:1px solid #e5e5e5;}
  722. /********************************
  723. - NEWSLETTER STYLING -
  724. ********************************/
  725. #eg-newsletter-wrapper{
  726. border:1px solid #e5e5e5;
  727. padding:15px 15px 15px 80px;
  728. border-radius:0px;
  729. -moz-border-radius:0px;
  730. -webkit-border-radius:0px;
  731. position:relative;
  732. overflow:hidden;
  733. background:url(../images/tp_newsletter_bg.png) no-repeat 75px 10px #FFFFFF;
  734. }
  735. div.star_red { font-size:13px; font-weight:600 !important; color:#000;line-height:18px;margin-top:30px;margin-bottom:10px;font-family: "Open Sans",sans; text-transform: uppercase;}
  736. div.star_red:before { content: '\f155'; font-family: "dashicons"; color:#e03301; font-size:17px;margin-right:10px; vertical-align: middle;}
  737. #why-subscribe-wrapper li {
  738. list-style-type: disc;
  739. margin-left: 20px;
  740. }
  741. /* COLOR PICKER STYLING */
  742. #viewWrapper .wp-picker_notused_anymore-container { position:relative; z-index:900; vertical-align: top; margin-top:1px}
  743. #viewWrapper .wp-picker_notused_anymore-container.wp-picker_notused_anymore-active { z-index:950;}
  744. #viewWrapper .wp-color-result { margin: 0px !important; display:inline-block; width:74px; height:26px;border:1px solid #ddd; box-shadow: none;-webkit-box-shadow: none; -moz-box-shadow:none; outline:none; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  745. #viewWrapper .wp-color-result:after { content:"Color"; line-height: 26px; background:#eee; border:1px solid #ddd !important; height:26px; top:-1px; right:-1px; border-radius:0px 5px 5px 0px;-moz-border-radius:0px 5px 5px 0px;; -webkit-border-radius:0px 5px 5px 0px;box-shadow: none;-webkit-box-shadow: none; -moz-box-shadow:none; outline:none; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
  746. #viewWrapper .wp-color-result.wp-picker_notused_anymore-open:after { content:"Set"}
  747. #viewWrapper .wp-picker_notused_anymore-input-wrap { z-index:10;position: absolute; top:227px; left:-61px; width:245px; background:#eee; height:30px;padding:5px; display:none; border:1px solid #f5f5f5 !important; border-top:none !important;}
  748. #viewWrapper .pickerisopen .wp-picker_notused_anymore-input-wrap { display: block; text-align: right}
  749. #viewWrapper .pickerisopen .my-color-field { margin-right:7px; width:185px; }
  750. #viewWrapper .pickerisopen .wp-picker_notused_anymore-clear {
  751. height: 24px;
  752. line-height: 22px;
  753. padding: 0 8px 1px;
  754. font-size: 11px;
  755. border: none;
  756. box-shadow: none;-moz-box-shadow: none;; -webkit-box-shadow: none;
  757. border-radius: 0px;-moz-border-radius: 0px;; -webkit-border-radius: 0px;
  758. background: #3498DB;
  759. color: #FFF;
  760. }
  761. #viewWrapper .wp-picker_notused_anymore-holder { position: absolute; top:30px;left:-61px;}
  762. #viewWrapper .iris-picker { background:#eee !important; border:1px solid #f5f5f5 !important; border-bottom:none !important; margin:0px;box-shadow: 0px 10px 40px 0px rgba(0,0,0,0.25); z-index:5;}
  763. #viewWrapper .placeholder-single-wrapper .wp-picker_notused_anymore-holder { left:auto !important; right:0px !important;}
  764. #viewWrapper .placeholder-single-wrapper .iris-picker { background: #ddd !important; left:auto !important; right:0px;}
  765. /*************************************
  766. - TEMPLATE AREA FOR SLIDER -
  767. *************************************/
  768. #close-template { position:absolute; cursor:pointer; top:25px;right:35px; font-size:15px; text-align:center; font-size:25px;line-height:35px;width:35px; height:35px; background:url(../images/toolbar/icon-close-big.png) center center no-repeat; }
  769. #close-template:hover { color:#fff;}
  770. #template_area { position: fixed;
  771. top: 0;
  772. left: 100%;
  773. z-index: 99999;
  774. width: 100%;
  775. height: 100%;
  776. overflow-y: hidden;
  777. overflow-x: hidden;
  778. background: #eee;
  779. text-align: left;
  780. -webkit-transition: -webkit-transform 0.5s;
  781. transition: transform 0.5s;
  782. -webkit-transform: translate3d(0px,0,0);
  783. transform: translate3d(0px,0,0);
  784. padding-top:0px;
  785. }
  786. #template_area h2 { font-size:25px; line-height:80px; padding:0px 40px; color:#fff; font-weight: 400 !important; margin:0px; background:#222;}
  787. #template_area h2 strong { font-weight: 700;}
  788. #template_area > h2 {
  789. -webkit-transition: -webkit-transform 0.4s 0.1s;
  790. transition: transform 0.4s 0.1s;
  791. -webkit-transform: translate3d(100px,0,0);
  792. transform: translate3d(100px,0,0);
  793. }
  794. #template_area .revolution-template-switcher
  795. {
  796. -webkit-transition: -webkit-transform 0.4s 0.15s;
  797. transition: transform 0.4s 0.15s;
  798. -webkit-transform: translate3d(150px,0,0);
  799. transform: translate3d(150px,0,0);
  800. }
  801. #template_area .revolution-template-subtitle {
  802. -webkit-transition: -webkit-transform 0.4s 0.20s;
  803. transition: transform 0.4s 0.20s;
  804. -webkit-transform: translate3d(250px,0,0);
  805. transform: translate3d(250px,0,0);
  806. }
  807. #template_area > div,
  808. #template_area #h3 {
  809. -webkit-transition: -webkit-transform 0.4s 0.25s;
  810. transition: transform 0.4s 0.25s;
  811. -webkit-transform: translate3d(350px,0,0);
  812. transform: translate3d(350px,0,0);
  813. }
  814. #template_area.show .revolution-template-subtitle,
  815. #template_area.show > h2,
  816. #template_area.show .revolution-template-switcher,
  817. #template_area.show > div,
  818. #template_area.show h3 {
  819. -webkit-transform: translate3d(0,0,0);
  820. transform: translate3d(0,0,0);
  821. }
  822. #template_area.show {
  823. -webkit-transform: translate3d(-100%,0,0);
  824. transform: translate3d(-100%,0,0);
  825. }
  826. #template_area .template_slide_item_import {
  827. position: relative;
  828. display: inline-block;
  829. width:270px;
  830. }
  831. #template_area .template_item {
  832. margin-right:10px;
  833. }
  834. #template_area .template_slide_item_img,
  835. #template_area .template_item,
  836. #template_area .template_slider_item,
  837. #template_area .template_slider_item_import
  838. {
  839. position: relative;
  840. display: inline-block;
  841. width: 270px;
  842. height: 150px;
  843. text-align: left;
  844. cursor:pointer;
  845. background-position: center center;
  846. background-size: contain;
  847. background-repeat: no-repeat;
  848. vertical-align: top;
  849. margin:0;
  850. z-index: 1;
  851. }
  852. #template_area .template_title {
  853. position: relative;
  854. display:block;
  855. width:270px;
  856. line-height: 40px;
  857. padding:0px 10px;
  858. -webkit-backface-visibility: hidden;
  859. font-weight: 400;
  860. color:#fff;
  861. font-size:14px;
  862. text-align:left;
  863. background:#222;
  864. box-sizing: border-box;
  865. -webkit-box-sizing: border-box;
  866. -moz-box-sizing: border-box;
  867. margin-bottom:15px;
  868. }
  869. #template_area .template_item:hover .template_title,
  870. #template_area .template_slide_item_import:hover .template_title,
  871. #template_area .template_slider_item:hover .template_title,
  872. #template_area .template_slider_item_import:hover .template_title { color:#fff;}
  873. .revolution-template-groups { padding:50px 25px 50px 40px; overflow: hidden; width:100%;position: relative; box-sizing: border-box;}
  874. .revolution-customer-templates,
  875. .revolution-all-slides-templates { display:none;}
  876. #template_area .template_thumb_title { font-size:13px; color:#444; font-weight:400; background:#fff; line-height:40px;margin-bottom:20px; border-top:1px solid #eee; padding:0px 12px; position: relative;z-index: 2}
  877. #viewWrapper { font-family: "Open Sans",sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
  878. .revlogo-mini { background:url(../images/logo.png); width:46px;height:46px; display:inline-block; background-position: left center; background-repeat: no-repeat;}
  879. #template_area .revlogo-mini { height:80px; vertical-align: middle;margin-right:5px;}
  880. .revolution-template-switcher { background:#fff; cursor:pointer; line-height: 41px;vertical-align: middle; padding:7px 40px; display: table;width: 100%;box-sizing: border-box;}
  881. .rs-reload-show i,
  882. .revolution-templatebutton.premium-templatebutton i { margin-right:5px;}
  883. .revolution-templatebutton.premium-templatebutton i:before,
  884. .revolution-templatebutton.premium-templatebutton { color:#2a96f3;}
  885. #update_obect_library,
  886. #licence_obect_library,
  887. .rs-reload-shop { font-size: 14px;
  888. font-size: 12px;
  889. font-weight: 400;
  890. color: #fff;
  891. margin-right: 5px;
  892. border: 1px solid #009cdd;
  893. background:#009cdd;
  894. line-height: 23px;
  895. display: inline-block;
  896. cursor: pointer;
  897. padding:0px 10px;
  898. border-radius: 4px;
  899. transform: all 0.2s;
  900. -webkit-transform:all 0.2s;
  901. margin-top:7px;
  902. white-space: nowrap;
  903. }
  904. #up-lic-ob-lib { position: absolute; top:15px; right:30px;}
  905. #licence_obect_library i,
  906. #update_obect_library { margin-right:5px;}
  907. #licence_obect_library i,
  908. #licence_obect_library i:before,
  909. #update_obect_library i,
  910. #update_obect_library i:before,
  911. .rs-reload-shop i,
  912. .rs-reload-shop i:before { font-size:14px; color:#fff;}
  913. #licence_obect_library:hover,
  914. #update_obect_library:hover,
  915. .rs-reload-shop:hover { color:#fff; background:#2980b9;}
  916. #licence_obect_library:hover i,
  917. #licence_obect_library:hover i.before,
  918. #update_obect_library:hover i,
  919. #update_obect_library:hover i.before,
  920. .rs-reload-shop:hover i,
  921. .rs-reload-shop:hover i:before { color:#fff;}
  922. .revolution-template-subtitle { color: #222;font-size: 25px;font-weight: 400;line-height: 60px;border-bottom: 1px solid #ddd;padding: 10px 40px;}
  923. #template_area .template_slider_title { color:#222;font-size:20px; font-weight:400; line-height:35px; margin-bottom:15px;}
  924. #template_area .template_group_wrappers { display:inline-block;margin-right:15px;position: relative;}
  925. #template_area .template_group_wrappers.template_package { display:inline-block;}
  926. #template_area .template_group_wrappers.template_package_parent:after {
  927. content: " ";
  928. position: absolute;
  929. top: -5px;
  930. left: 5px;
  931. width: 100%;
  932. height: 215px;
  933. background: #d5d5d5;
  934. z-index: 0;
  935. }
  936. #template_area .template_group_wrappers.template_package_parent:before {
  937. content: " ";
  938. position: absolute;
  939. top: -10px;
  940. left: 10px;
  941. width: 100%;
  942. height: 215px;
  943. background: #bbb;
  944. z-index: 0;
  945. }
  946. #leave_selected_template_package,
  947. #selected_template_package_title,
  948. span.template_filter_button {
  949. font-size: 12px;
  950. font-weight: 400;
  951. color: #444;
  952. margin-right: 5px;
  953. border: 1px solid #ddd;
  954. line-height: 23px;
  955. display: inline-block;
  956. cursor: pointer;
  957. padding:0px 10px;
  958. border-radius: 4px;
  959. display:inline-block;
  960. }
  961. span.template_filter_button.temp_new_udpated {
  962. border-color:#9b59b6;
  963. color:#9b59b6;
  964. }
  965. span.template_filter_button.template_local_filter {
  966. border-color:#d50000;
  967. color:#d50000;
  968. }
  969. #selected_template_package_title,
  970. #leave_selected_template_package:hover,
  971. span.template_filter_button:hover,
  972. span.template_filter_button.selected {
  973. border-color: #009cdd;
  974. color:#009cdd;
  975. }
  976. span.template_filter_button.temp_new_udpated:hover,
  977. span.template_filter_button.temp_new_udpated.selected {
  978. background:#9b59b6;
  979. border-color:#9b59b6;
  980. color:#fff;
  981. }
  982. span.template_filter_button.template_local_filter:hover,
  983. span.template_filter_button.template_local_filter.selected {
  984. background:#d50000;
  985. border-color:#d50000;
  986. color:#fff;
  987. }
  988. .rs-visit-store { background:url(../images/visitstore.png); width:267px; height:50px; display:inline-block;}
  989. .template_meta_line { background:#fff; line-height:18px; padding:6px 6px; box-sizing: border-box; display: block; position: relative; z-index: 2;}
  990. .template_meta_line .template_new,
  991. .template_meta_line .template_local,
  992. .template_meta_line .template_free,
  993. .template_meta_line .template_premium,
  994. .template_meta_line .template_installed,
  995. .template_meta_line .template_notinstalled { font-size:10px; line-height: 16px; color:#fff; padding:0px 6px; text-transform: uppercase; font-weight: 400; margin-right:0px; display: inline-block;}
  996. .template_meta_line .template_installed,
  997. .template_meta_line .template_notinstalled { float:right;margin-right: 0px; margin-top:2px;}
  998. .template_meta_line .template_installed i:before { color:#fff; font-size: 10px}
  999. .template_meta_line .template_new { background:#9b59b6;}
  1000. .template_meta_line .template_free { background:#009cdd;}
  1001. .template_meta_line .template_premium { background:#393056;}
  1002. .template_meta_line .template_local,
  1003. .template_meta_line .template_installed { background:#27ae60;}
  1004. .template_meta_line .template_notinstalled { background:#bbbbbb;}
  1005. .template_thumb_more { position: absolute;
  1006. background: #fff;
  1007. z-index: 10;
  1008. left: 100%;
  1009. top: 0px;
  1010. padding: 30px;
  1011. width: 107%;
  1012. box-sizing: border-box;
  1013. box-shadow: 15px 15px 40px 0px rgba(0,0,0,0.15);
  1014. font-size: 13px;
  1015. color:#444;
  1016. line-height:16px;
  1017. display: none;
  1018. }
  1019. .show_more_to_left .template_thumb_more { left:auto;right:100%;}
  1020. .ttm_label,
  1021. .ttm_label_direct { font-size:13px; font-weight: bold; display: block; line-height: 16px; margin-bottom:10px;}
  1022. .ttm_label_direct { margin-bottom:0px;}
  1023. .ttm_label_half { display: inline-block; width:50%;}
  1024. .template_thumb_more a,
  1025. .template_thumb_more a:visited { color:#009cdd; text-decoration: underline;}
  1026. .template_thumb_more a:hover { text-decoration: none; color:#009cdd;}
  1027. .ttm_requirements li { list-style: none; margin-left:0px; line-height: 16px; margin-bottom: 0px; vertical-align: middle;}
  1028. .ttm_requirements li .eg-icon-check:before { color:#2db065; font-size:11px; }
  1029. .ttm_requirements li .eg-icon-cancel:before { color:#d50000; font-size:11px; }
  1030. .ttm_requirements li i:first-child { display:inline-block; width:15px;margin-right:5px;}
  1031. .ttm_space { display: block; height:30px;widht:100%;}
  1032. .temp_slides_in_slider_wrapper { position: relative}
  1033. .temp_slide_single_wrapper { display: inline-block;vertical-align: top; margin-right: 10px; position: relative;}
  1034. .template_slide_preview,
  1035. .template_slide_preview:visited,
  1036. .template_slide_preview:hover { outline:none; border:none; box-shadow:none; display: inline-block; width:35px;height:35px; line-height:35px; vertical-align: top;}
  1037. .template_slide_preview i:before { color:#222; font-size: 22px; line-height: 35px; vertical-align: top; }
  1038. /********************************
  1039. - DIALOGS -
  1040. *********************************/
  1041. .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {
  1042. border-radius: 0px !important;
  1043. background: #F1F1F1;
  1044. border: none !important;
  1045. }
  1046. #dialog_general_settings tr {
  1047. border-bottom: 1px solid #E5E5E5;
  1048. }
  1049. #dialog_general_settings .description_container .description {
  1050. font-size: 12px;
  1051. line-height: 14px;
  1052. }
  1053. .ui-widget-overlay {
  1054. background: #000;
  1055. opacity: 0.6;
  1056. -webkit-opacity: 0.6;
  1057. -moz-opacity: 0.6;
  1058. z-index:9999;
  1059. }
  1060. .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
  1061. border: none !important;
  1062. padding: 0 !important;
  1063. }
  1064. .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable, .ui-dialog {
  1065. position: absolute !important;
  1066. z-index: 10000;
  1067. }
  1068. .benefits-title-right { margin-left:20px; box-sizing: border-box; display: inline-block; vertical-align: top;}
  1069. .rs-premium-benefits-dialogtitle { font-size:30px; line-height:35px; font-weight:600; color:#00263b;display: block}
  1070. .rs-premium-benefits-dialogsubtitle { font-size:14px; font-weight: 600; color:#00263b;opacity:0.4; display:block;}
  1071. .rs-premium-benefits-dialogtitles .oppps-icon { vertical-align: top; background:url(../images/oops/oopps_blue.png); width:60px;height:60px; display: inline-block; }
  1072. .rs-premium-benefits-dialogtitles .oppps-icon-red { vertical-align: top; background:url(../images/oops/oopps.png); width:60px;height:60px; display: inline-block; }
  1073. .rs-open-premium-benefits-dialog-container .ui-dialog-titlebar-close { height:22px; width:20px; background:url(../images/oops/close_cross_x.png); top:30px; right:30px; }
  1074. .rs-open-premium-benefits-dialog-container .ui-dialog-titlebar-close:before { display:none; }
  1075. .rs-open-premium-benefits-dialog-container .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix { height:auto; padding:30px 30px 20px; border-bottom:1px solid #9fadb4 !important; background: #e5e5e5}
  1076. #rs-premium-benefits-dialog { min-height:715px !important; padding:0px; background: #f5f5f5; background-image:url(../images/oops/getpurchasecode_deko.png);background-position: bottom -50px center; background-repeat: no-repeat;}
  1077. #rs-premium-benefits-dialog.nomainbg { background:#fff !important;}
  1078. #rs-premium-benefits-dialog.cachbg { background: url(../images/oops/cachemodalbg.jpg) center bottom; background-repeat: no-repeat; max-height: 650px !important; min-height: 650px !important; }
  1079. .rs-premium-benefits-block { padding: 20px 30px 30px; }
  1080. .rs-premium-benefits-block .big_present { vertical-align: top; background:url(../images/oops/gift_big.png); width:48px;height:52px; display: inline-block; margin-right: 25px; }
  1081. .rs-premium-benefits-block .big_diamond { vertical-align: top; background:url(../images/oops/diamond_big.png); width:52px;height:48px; display: inline-block; margin-right: 25px; }
  1082. .rs-premium-benefits-block .big_light { vertical-align: top; background:url(../images/oops/light_big.png); width:40px;height:58px; display: inline-block; margin-right: 25px; }
  1083. .rs-premium-benefits-block h3 { font-size:20px; line-height:52px; font-weight:600; color:#00263b; margin-top:10px;margin-bottom:10px;}
  1084. #basic_objectlibrary_license_block h3 { font-size:24px; line-height:52px; font-weight:600; color:#00263b; margin-top:25px;margin-bottom:15px;}
  1085. #basic_objectlibrary_license_block h3 i { font-size: 60px;margin-right: 13px;vertical-align: top; }
  1086. #basic_objectlibrary_license_block ul,
  1087. .rs-premium-benefits-block ul { margin-top:0px;margin-bottom:0px;}
  1088. #basic_objectlibrary_license_block ul li,
  1089. .rs-premium-benefits-block ul li { font-size:18px; color:#00263b; font-weight: 400; line-height: 32px; padding-left:75px; position: relative; margin:0px;}
  1090. #basic_objectlibrary_license_block ul li:before,
  1091. .rs-premium-benefits-block ul li:before { content:"";position:absolute; left:35px;top:10px; background:url(../images/oops/right-bold-arrow.png); width:15px;height:16px; }
  1092. .rspb-withborder { border-bottom:1px solid #9fadb4 !important;}
  1093. #basic_objectlibrary_license_block ul li { margin-bottom: 10px}
  1094. #basic_objectlibrary_license_block a,
  1095. #basic_objectlibrary_license_block a:visited,
  1096. .rs-premium-benefits-block a,
  1097. .rs-premium-benefits-block a:visited { color:#009aee; text-decoration: none; font-weight: 700; outline: none; box-shadow: none !important; text-shadow: none !important}
  1098. #basic_objectlibrary_license_block a:hover,
  1099. .rs-premium-benefits-block a:hover { text-decoration: underline;}
  1100. #basic_objectlibrary_license_block a.rspb_darklink,
  1101. #basic_objectlibrary_license_block a.rspb_darklink:visited,
  1102. .rs-premium-benefits-block a.rspb_darklink,
  1103. .rs-premium-benefits-block a.rspb_darklink:visited { color:#00263b; text-decoration: underline; font-weight: 400;outline: none; box-shadow: none !important; text-shadow: none !important}
  1104. #basic_objectlibrary_license_block a.rspb_darklink:hover,
  1105. .rs-premium-benefits-block a.rspb_darklink:hover { text-decoration: none;}
  1106. .instant_access { width:168px; height:30px; background:url(../images/oops/instantaccess.png); display: inline-block; vertical-align: middle;margin-top:9px;}
  1107. a.get_purchase_code { letter-spacing:1px;text-decoration:none; margin:auto;display: block; width:700px; border-radius: 6px; background: #009aee; color:#fff; text-align: center; font-size:17px; text-transform: uppercase;; line-height: 60px; font-weight: 700; box-shadow: none !important; text-shadow: none !important}
  1108. a.get_purchase_code:hover { background:#2980b9;}
  1109. .rs-premium-benefits-dialogsubtitle a,
  1110. .rs-premium-benefits-dialogsubtitle a:visited { font-size:14px; font-weight: 600; color:#00263b; text-decoration: underline;outline: none; box-shadow: none !important; text-shadow: none !important}
  1111. .rs-premium-benefits-dialogsubtitle a:hover { text-decoration: none;}
  1112. #basic_objectlibrary_license_block { padding:30px;}
  1113. .license_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}
  1114. .license_obj_library_cats_filter:hover,
  1115. .license_obj_library_cats_filter.selected { border-color:#3498db; color:#fff; background:#3498db;}
  1116. .license_scroll_window { width:100%;height:200px; overflow: scroll; font-size:12px; color:#00263b; font-weight: 400; padding:20px; box-sizing: border-box;border:1px solid #ddd;}
  1117. /* ====================================== */
  1118. /* Video Dialog
  1119. /* ====================================== */
  1120. .ui-dialog-content,
  1121. .ui-dialog-buttonpane { cursor:default; }
  1122. #video_dialog_tabs { position: relative;}
  1123. #video_dialog_tabs.disabled:after { content:"";position:absolute; top:0px;left:0px;width:100%;height:100%; background:#fff;opacity:0.8; z-index: 10;cursor: default;}
  1124. #dialog_video { cursor:default;padding:0px 0px 20px;background: #eee;}
  1125. #dialog_video .tp-plugin-version { position: absolute; bottom:15px; right:0px; padding-right:5px;}
  1126. #dialog_video { color:#444; font-size:13px; font-weight: 400; font-family: "Open Sans",sans-serif; }
  1127. #dialog_video label { min-width: 150px; color:#444; font-size:13px; font-weight: 400; font-family: "Open Sans",sans-serif; line-height: 26px;vertical-align: middle; display: inline-block;}
  1128. #dialog_video input,
  1129. #button-video-add { outline: none !important; box-shadow: none; -webit-box-shadow:none; -moz-box-shadow:none; border:none; }
  1130. #dialog_video input[type="text"] { background: #DDD;color: #000;font-size: 12px;padding: 0 3px;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;max-height: 26px;line-height: 26px;vertical-align: middle;border: none!important;box-shadow: none!important;-webkit-box-shadow: none!important;}
  1131. #dialog_video input[type="checkbox"],
  1132. #dialog_video input[type="radio"] { line-height: 26px; margin:0px 5px 0px 0px; vertical-align: middle; border:1px solid #d5d5d5;}
  1133. #rs-video-source,
  1134. #rs-video-size,
  1135. #rs-video-settings,
  1136. #rs-video-thumbnails,
  1137. #rs-video-arguments { padding:20px;}
  1138. .video-thumbnail-all-wrapper{ display: table; width:100%;}
  1139. .video-thumbnail-preview-wrapper,
  1140. .video-content-description { display:table-cell; width:100%; vertical-align: top; text-align: left;}
  1141. .video-content-description { padding:25px; color:#fff;}
  1142. .video-thumbnail-preview-wrapper { text-align: center; width:215px; }
  1143. .video-thumbnail-preview-wrapper img { margin:0px; display: inherit;}
  1144. .video-content-title { text-transform: uppercase; font-weight:600;margin-top:0px !important; padding-top:0px !important; color:#fff;}
  1145. .dialog-video .video_example{
  1146. font-style:italic;
  1147. font-size:11px;
  1148. display:block;
  1149. margin-top:0px;
  1150. margin-bottom:15px;
  1151. cursor:text;
  1152. margin-left:158px;
  1153. }
  1154. .dialog-video .button-regular{
  1155. cursor:pointer;
  1156. }
  1157. #youtube_id,
  1158. #vimeo_id { width:305px;}
  1159. .dialog-video #button-video-add{
  1160. color:white;
  1161. }
  1162. .dialog-video .add-button-wrapper{
  1163. margin-top:30px;
  1164. }
  1165. .dialog-video #video_content {
  1166. background:#252525;
  1167. box-sizing: border-box;
  1168. -webkit-box-sizing: border-box;
  1169. -moz-box-sizing: border-box;
  1170. text-align: center;
  1171. }
  1172. .dialog-video .video-content-error{
  1173. padding-top:30px;
  1174. text-align:center;
  1175. font-size:16px;
  1176. color:red;
  1177. }
  1178. .dialog-video .choose-video-type {
  1179. margin:20px 0px 15px;
  1180. font-size: 16px;
  1181. font-weight: 600;
  1182. }
  1183. .dialog-video .video-title,
  1184. .dialog-video .video-content-title{
  1185. margin:10px 0px 10px;
  1186. font-size: 12px;
  1187. font-weight: 600;
  1188. }
  1189. .video-label { line-height:30px;display: inline-block; vertical-align: top; min-width:140px;}
  1190. .video-type-chooser input{
  1191. margin-right:5px;
  1192. }
  1193. #video_block_html5 { width:100%;}
  1194. #video_block_html5 .video_title2{
  1195. margin-bottom:2px;
  1196. }
  1197. #video_block_html5 ul li input{
  1198. width:100%;
  1199. }
  1200. .video-input-small { width:100px;}
  1201. #video_radio_youtube,
  1202. #video_radio_vimeo,
  1203. #video_radio_html5 { vertical-align: bottom;}
  1204. .video_settings_line {
  1205. line-height:25px;vertical-align:middle;
  1206. }
  1207. .video_search_button {
  1208. height: 25px;
  1209. background: #3498DB;
  1210. color: #FFF;
  1211. font-weight: 400;
  1212. font-size: 12px !important;
  1213. line-height: 26px;
  1214. padding: 0px 10px;
  1215. vertical-align: top;
  1216. text-transform:capitalize;
  1217. }
  1218. .youtube-inputs-wrapper { line-height: 25px; vertical-align: middle;}
  1219. /* ====================================== */
  1220. /* Video Dialog End
  1221. /* ====================================== */
  1222. #dialog_template_insert {
  1223. padding: 0px !important;
  1224. background-color: #EEE;
  1225. }
  1226. /******************************
  1227. - MONITOR ME -
  1228. ******************************/
  1229. .tp-monitor-list { border:1px solid #ddd; padding:15px 10px; margin:0px; list-style: none;}
  1230. .tp-monitor-listli { padding:5px 0px;margin:0px; list-style: none; border-bottom:1px solid #eee;}
  1231. .tp-monitor-listli:last-child { border-bottom: none; padding-bottom: 0}
  1232. .tp-monitor-performance-title,
  1233. .tp-monitor-size { line-height:25px; font-size:15px;font-weight:600;color:#555; margin-right:10px; display:inline-block; width:60px;}
  1234. .tp-monitor-file { font-size:11px; font-weight:400;color:#555; width:150px; display:inline-block;line-height: 25px;}
  1235. .tp-monitor-performance-title { width:100%;}
  1236. .tp-monitor-warning,
  1237. .tp-monitor-well,
  1238. .tp-monitor-good,
  1239. .tp-monitor-neutral { display:inline-block; line-height:25px;width:16px;height:16px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; margin:5px 10px 0px 0px;vertical-align: top}
  1240. .mo-slow-col,
  1241. .tp-monitor-warning { background-color:#e44732;}
  1242. .mo-ok-col,
  1243. .tp-monitor-well { background-color:#eec700;}
  1244. .mo-fast-col,
  1245. .tp-monitor-good { background-color:#31d069;}
  1246. .mo-neutral-col,
  1247. .tp-monitor-neutral { background-color: #95a5a6}
  1248. .tp-monitor-showimage,
  1249. .tp-monitor-linktoslide { background:url(../images/mainoptions/linktoslide.png) center center no-repeat; display:inline-block; width:25px; height:25px; opacity:0.5;cursor: pointer; vertical-align: top;line-height: 25px;}
  1250. .tp-monitor-showimage { background-image:url(../images/mainoptions/showimage.png);}
  1251. .tp-monitor-showimage:hover,
  1252. .tp-monitor-linktoslide:hover { opacity: 1}
  1253. .tp-monitor-smalllabel { font-weight:400; color:#555; line-height:15px; font-size: 11px; display: block}
  1254. .tp-monitor-total-subsize { font-size:20px; color:#555; line-height:30px; font-weight: 600; margin-bottom:15px;}
  1255. .tp-monitor-imageicon { background:url(../images/mainoptions/imageicon.png) left center no-repeat; display:inline-block; width:25px; height:30px; vertical-align: top;line-height: 30px;}
  1256. .tp-monitor-cssicon { background:url(../images/mainoptions/cssicon.png) left center no-repeat; display:inline-block; width:25px; height:30px; vertical-align: top;line-height: 30px;}
  1257. .tp-monitor-jsicon { background:url(../images/mainoptions/jqueryicon.png) left center no-repeat; display:inline-block; width:25px; height:30px; vertical-align: top;line-height: 30px;}
  1258. .tp-monitor-showdetails { margin-top:13px;cursor:pointer; position:top left; border:1px solid #ddd; padding:0px 10px; color:#777; line-height:25px; display:inline-block; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
  1259. .tp-monitor-openclose { opacity:0.5;width:20px;height:20px; display:inline-block; line-height:30px; background:url(../images/mainoptions/openclose.png); background-position: bottom left; vertical-align: middle; margin-right:10px;}
  1260. .tp-monitor-showdetails:hover { color:#3398DB; border-color:#3398DB;}
  1261. .tp-monitor-showdetails.selected .tp-monitor-openclose { background-position:left top;}
  1262. .tp-monitor-showdetails:hover .tp-monitor-openclose { background-position:right bottom; opacity: 1}
  1263. .tp-monitor-showdetails.selected:hover .tp-monitor-openclose { background-position:right top;}
  1264. .tp-monitor-performace-wrap { display: block; width:100%;height:10px; background: #e5e5e5; position: relative;}
  1265. .tp-monitor-performance-bar { position:absolute;top:0px;left:0px;height:10px;width:40%;}
  1266. .tp-monitor-slow,
  1267. .tp-monitor-ok,
  1268. .tp-monitor-fast { position: absolute; font-size:11px; line-height:11px; padding-top:5px;color:#999; font-weight: 400; top:10px; vertical-align: bottom;}
  1269. .tp-monitor-slow { left:0px; border-left:1px solid #ddd; padding-left:5px;}
  1270. .tp-monitor-ok { left:50%; margin-left:-8px;}
  1271. .tp-monitor-ok:before { content:" ";position:absolute;width:1px;height:5px;top:0px;left:50%;background-color:#ddd;}
  1272. .tp-monitor-fast { right:1px; border-right:1px solid #ddd;padding-right:5px;}
  1273. .tp-monitor-speed-table { display: table; width:100%;}
  1274. .tp-monitor-speed-cell { display: table-cell; padding:0px 10px; width:33.33%; border-right:1px solid #999; }
  1275. .tp-monitor-speed-cell:first-child { padding-left:0px;}
  1276. .tp-monitor-speed-cell:last-child { border-right:none;}
  1277. .tp-monitor-fullsize { font-size:30px; color:#555; line-height:35px; font-weight: 700; margin-right:15px;}
  1278. .tp-monitor-showdetails { width:140px; text-align: left;}
  1279. .tp-monitor-showdetails i { color:#fff; margin-right:5px;}
  1280. .tp-monitor-showdetails i:before { color:#fff;}
  1281. .tp-monitor-smart-speed,
  1282. .tp-monitor-all-speed { display: none;}
  1283. .overwrite-arrow { background: url(../images/mainoptions/tp_uparrow.png) center top no-repeat; background-size:12px 19px;display: inline-block;width: 12px;height: 19px;vertical-align: top;line-height: 30px;}
  1284. /******************************
  1285. - WAIT A MINUTE -
  1286. ******************************/
  1287. #waitaminute { box-sizing:border-box; -moz-box-sizing:border-box; display:none;position:fixed; top:0px; left:0px; z-index:100000; background:#000; background:rgba(0,0,0,0.7); width:100%;height:100%;}
  1288. .waitaminute-message { position:absolute; top:50%;width:100%;text-align: center; color:#fff; font-size:50px; font-weight: 600; line-height:60px; margin-top:-30px; font-family: "Open Sans",sans-serif;}
  1289. .waitaminute-message i.eg-icon-emo-coffee,
  1290. .waitaminute-message i.eg-icon-emo-coffee:before { color:#fff !important;margin-bottom:15px;}
  1291. .main-options-small-tabs { list-style:none; line-height:25px; margin:0 0px 20px; max-height:27px; border-bottom:1px solid #eee;}
  1292. .main-options-small-tabs li { font-size:12px;cursor:pointer; list-style:none; position:relative; line-height:27px; vertical-align:middle; margin:0 15px; display:inline-block; margin-right:-4px; border-bottom:1px solid #eee;}
  1293. .main-options-small-tabs li:first-child { margin-left:0;}
  1294. .main-options-small-tabs li:last-child { margin-right:0;}
  1295. .main-options-small-tabs li.selected,
  1296. .main-options-small-tabs li:hover { border-bottom-color:#3498db; color:#3498db;}
  1297. /******************************
  1298. - FONT ICONS -
  1299. ********************************/
  1300. @font-face {
  1301. font-family: 'eg-font';
  1302. src: url('font/egfont.eot?85610117');
  1303. src: url('font/egfont.eot?85610117#iefix') format('embedded-opentype'),
  1304. url('font/egfont.woff?85610117') format('woff'),
  1305. url('font/egfont.ttf?85610117') format('truetype'),
  1306. url('font/egfont.svg?85610117#egfont') format('svg');
  1307. font-weight: normal;
  1308. font-style: normal;
  1309. }
  1310. [class^="eg-icon-"]:before, [class*=" eg-icon-"]:before {
  1311. font-family: "eg-font";
  1312. font-style: normal;
  1313. font-weight: normal;
  1314. speak: none;
  1315. color:#34495e;
  1316. display: inline-block;
  1317. text-decoration: inherit;
  1318. width: 1em;
  1319. margin-right: .2em;
  1320. text-align: center;
  1321. /* opacity: .8; */
  1322. /* For safety - reset parent styles, that can break glyph codes*/
  1323. font-variant: normal;
  1324. text-transform: none;
  1325. /* fix buttons height, for twitter bootstrap */
  1326. line-height: 1em;
  1327. /* Animation center compensation - margins should be symmetric */
  1328. /* remove if not needed */
  1329. margin-left: .2em;
  1330. /* you can be more comfortable with increased icons size */
  1331. /* font-size: 120%; */
  1332. /* Uncomment for 3D effect */
  1333. /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  1334. }
  1335. .eg-icon-picture:before { content: '\e800'; } /* '' */
  1336. .eg-icon-trash:before { content: '\e801'; } /* '' */
  1337. .eg-icon-search:before { content: '\e802'; } /* '' */
  1338. .eg-icon-picture-1:before { content: '\e803'; } /* '' */
  1339. .eg-icon-layers-alt:before { content: '\e804'; } /* '' */
  1340. .eg-icon-video:before { content: '\e805'; } /* '' */
  1341. .eg-icon-arrows-ccw:before { content: '\e806'; } /* '' */
  1342. .eg-icon-magic:before { content: '\e807'; } /* '' */
  1343. .eg-icon-ccw:before { content: '\e808'; } /* '' */
  1344. .eg-icon-doc:before { content: '\e809'; } /* '' */
  1345. .eg-icon-cancel:before { content: '\e80a'; } /* '' */
  1346. .eg-icon-export:before { content: '\e80b'; } /* '' */
  1347. .eg-icon-list-add:before { content: '\e80c'; } /* '' */
  1348. .eg-icon-ok:before { content: '\e80d'; } /* '' */
  1349. .eg-icon-link:before { content: '\e80e'; } /* '' */
  1350. .eg-icon-info-circled:before { content: '\e80f'; } /* '' */
  1351. .eg-icon-check:before { content: '\e810'; } /* '' */
  1352. .eg-icon-ok-1:before { content: '\e811'; } /* '' */
  1353. .eg-icon-basket:before { content: '\e812'; } /* '' */
  1354. .eg-icon-folder:before { content: '\e813'; } /* '' */
  1355. .eg-icon-shuffle:before { content: '\e814'; } /* '' */
  1356. .eg-icon-tools:before { content: '\e815'; } /* '' */
  1357. .eg-icon-resize-full:before { content: '\e816'; } /* '' */
  1358. .eg-icon-left-dir:before { content: '\e817'; } /* '' */
  1359. .eg-icon-right-dir:before { content: '\e818'; } /* '' */
  1360. .eg-icon-left-open:before { content: '\e819'; } /* '' */
  1361. .eg-icon-right-open:before { content: '\e81a'; } /* '' */
  1362. .eg-icon-monitor:before { content: '\e81b'; } /* '' */
  1363. .eg-icon-droplet:before { content: '\e81c'; } /* '' */
  1364. .eg-icon-angle-right:before { content: '\e81d'; } /* '' */
  1365. .eg-icon-right-big:before { content: '\e81e'; } /* '' */
  1366. .eg-icon-left-big:before { content: '\e81f'; } /* '' */
  1367. .eg-icon-angle-left:before { content: '\e820'; } /* '' */
  1368. .eg-icon-back-in-time:before { content: '\e821'; } /* '' */
  1369. .eg-icon-left-open-mini:before { content: '\e822'; } /* '' */
  1370. .eg-icon-right-open-mini:before { content: '\e823'; } /* '' */
  1371. .eg-icon-left-open-big:before { content: '\e824'; } /* '' */
  1372. .eg-icon-right-open-big:before { content: '\e825'; } /* '' */
  1373. .eg-icon-right:before { content: '\e826'; } /* '' */
  1374. .eg-icon-arrow-combo:before { content: '\e827'; } /* '' */
  1375. .eg-icon-popup:before { content: '\e828'; } /* '' */
  1376. .eg-icon-palette:before { content: '\e829'; } /* '' */
  1377. .eg-icon-left-open-1:before { content: '\e82a'; } /* '' */
  1378. .eg-icon-right-open-1:before { content: '\e82b'; } /* '' */
  1379. .eg-icon-left-open-2:before { content: '\e82c'; } /* '' */
  1380. .eg-icon-right-open-2:before { content: '\e82d'; } /* '' */
  1381. .eg-icon-left-open-outline:before { content: '\e82e'; } /* '' */
  1382. .eg-icon-right-open-outline:before { content: '\e82f'; } /* '' */
  1383. .eg-icon-menu:before { content: '\e830'; } /* '' */
  1384. .eg-icon-pencil-1:before { content: '\e831'; } /* '' */
  1385. .eg-icon-cog:before { content: '\e832'; } /* '' */
  1386. .eg-icon-login:before { content: '\e833'; } /* '' */
  1387. .eg-icon-logout:before { content: '\e834'; } /* '' */
  1388. .eg-icon-up-hand:before { content: '\e835'; } /* '' */
  1389. .eg-icon-left:before { content: '\e836'; } /* '' */
  1390. .eg-icon-gamepad:before { content: '\e837'; } /* '' */
  1391. .eg-icon-down-dir:before { content: '\e838'; } /* '' */
  1392. .eg-icon-up-dir:before { content: '\e839'; } /* '' */
  1393. .eg-icon-equalizer:before { content: '\e83a'; } /* '' */
  1394. .eg-icon-down-open:before { content: '\e83b'; } /* '' */
  1395. .eg-icon-th-large:before { content: '\e83c'; } /* '' */
  1396. .eg-icon-th:before { content: '\e83d'; } /* '' */
  1397. .eg-icon-folder-1:before { content: '\e83e'; } /* '' */
  1398. .eg-icon-unlink:before { content: '\e83f'; } /* '' */
  1399. .eg-icon-link-ext:before { content: '\e840'; } /* '' */
  1400. .eg-icon-eye:before { content: '\e841'; } /* '' */
  1401. .eg-icon-eye-off:before { content: '\e842'; } /* '' */
  1402. .eg-icon-home:before { content: '\e843'; } /* '' */
  1403. .eg-icon-info:before { content: '\e844'; } /* '' */
  1404. .eg-icon-resize-full-alt:before { content: '\e845'; } /* '' */
  1405. .eg-icon-move:before { content: '\e846'; } /* '' */
  1406. .eg-icon-cog-alt:before { content: '\e847'; } /* '' */
  1407. .eg-icon-wrench:before { content: '\e848'; } /* '' */
  1408. .eg-icon-shuffle-1:before { content: '\e849'; } /* '' */
  1409. .eg-icon-ajust:before { content: '\e84a'; } /* '' */
  1410. .eg-icon-tint:before { content: '\e84b'; } /* '' */
  1411. .eg-icon-align-left:before { content: '\e84c'; } /* '' */
  1412. .eg-icon-align-center:before { content: '\e84d'; } /* '' */
  1413. .eg-icon-align-right:before { content: '\e84e'; } /* '' */
  1414. .eg-icon-text-height:before { content: '\e84f'; } /* '' */
  1415. .eg-icon-text-width:before { content: '\e850'; } /* '' */
  1416. .eg-icon-font:before { content: '\e851'; } /* '' */
  1417. .eg-icon-bold:before { content: '\e852'; } /* '' */
  1418. .eg-icon-chart-bar:before { content: '\e853'; } /* '' */
  1419. .eg-icon-sort-name-up:before { content: '\e854'; } /* '' */
  1420. .eg-icon-italic:before { content: '\e855'; } /* '' */
  1421. .eg-icon-lock:before { content: '\e856'; } /* '' */
  1422. .eg-icon-lock-open:before { content: '\e857'; } /* '' */
  1423. .eg-icon-music:before { content: '\e858'; } /* '' */
  1424. .eg-icon-videocam:before { content: '\e859'; } /* '' */
  1425. .eg-icon-camera:before { content: '\e85a'; } /* '' */
  1426. .eg-icon-camera-alt:before { content: '\e85b'; } /* '' */
  1427. .eg-icon-tag:before { content: '\e85c'; } /* '' */
  1428. .eg-icon-desktop:before { content: '\e85d'; } /* '' */
  1429. .eg-icon-laptop:before { content: '\e85e'; } /* '' */
  1430. .eg-icon-tablet:before { content: '\e85f'; } /* '' */
  1431. .eg-icon-mobile:before { content: '\e860'; } /* '' */
  1432. .eg-icon-align-justify:before { content: '\e861'; } /* '' */
  1433. .eg-icon-color-adjust:before { content: '\e862'; } /* '' */
  1434. .eg-icon-sort-alt-up:before { content: '\e863'; } /* '' */
  1435. .eg-icon-sort-alt-down:before { content: '\e864'; } /* '' */
  1436. .eg-icon-sort-name-down:before { content: '\e865'; } /* '' */
  1437. .eg-icon-indent-left:before { content: '\e866'; } /* '' */
  1438. .eg-icon-indent-right:before { content: '\e867'; } /* '' */
  1439. .eg-icon-mail:before { content: '\e868'; } /* '' */
  1440. .eg-icon-mail-alt:before { content: '\e869'; } /* '' */
  1441. .eg-icon-heart:before { content: '\e86a'; } /* '' */
  1442. .eg-icon-heart-empty:before { content: '\e86b'; } /* '' */
  1443. .eg-icon-star:before { content: '\e86c'; } /* '' */
  1444. .eg-icon-star-empty:before { content: '\e86d'; } /* '' */
  1445. .eg-icon-plus:before { content: '\e86e'; } /* '' */
  1446. .eg-icon-minus:before { content: '\e86f'; } /* '' */
  1447. .eg-icon-minus-circled:before { content: '\e870'; } /* '' */
  1448. .eg-icon-minus-squared:before { content: '\e871'; } /* '' */
  1449. .eg-icon-minus-squared-alt:before { content: '\e872'; } /* '' */
  1450. .eg-icon-export-1:before { content: '\e873'; } /* '' */
  1451. .eg-icon-forward:before { content: '\e874'; } /* '' */
  1452. .eg-icon-plus-squared:before { content: '\e875'; } /* '' */
  1453. .eg-icon-plus-circled:before { content: '\e876'; } /* '' */
  1454. .eg-icon-ok-circled2:before { content: '\e877'; } /* '' */
  1455. .eg-icon-ok-squared:before { content: '\e878'; } /* '' */
  1456. .eg-icon-user:before { content: '\e879'; } /* '' */
  1457. .eg-icon-male:before { content: '\e87a'; } /* '' */
  1458. .eg-icon-female:before { content: '\e87b'; } /* '' */
  1459. .eg-icon-basket-1:before { content: '\e87c'; } /* '' */
  1460. .eg-icon-calendar:before { content: '\e87d'; } /* '' */
  1461. .eg-icon-calendar-empty:before { content: '\e87e'; } /* '' */
  1462. .eg-icon-phone:before { content: '\e87f'; } /* '' */
  1463. .eg-icon-rss:before { content: '\e880'; } /* '' */
  1464. .eg-icon-rss-squared:before { content: '\e881'; } /* '' */
  1465. .eg-icon-folder-open-empty:before { content: '\e882'; } /* '' */
  1466. .eg-icon-folder-open:before { content: '\e883'; } /* '' */
  1467. .eg-icon-doc-inv:before { content: '\e884'; } /* '' */
  1468. .eg-icon-doc-text:before { content: '\e885'; } /* '' */
  1469. .eg-icon-print:before { content: '\e886'; } /* '' */
  1470. .eg-icon-thumbs-up:before { content: '\e887'; } /* '' */
  1471. .eg-icon-thumbs-up-alt:before { content: '\e888'; } /* '' */
  1472. .eg-icon-upload:before { content: '\e889'; } /* '' */
  1473. .eg-icon-download:before { content: '\e88a'; } /* '' */
  1474. .eg-icon-lightbulb:before { content: '\e88b'; } /* '' */
  1475. .eg-icon-play:before { content: '\e88c'; } /* '' */
  1476. .eg-icon-pause:before { content: '\e88d'; } /* '' */
  1477. .eg-icon-play-circled:before { content: '\e88e'; } /* '' */
  1478. .eg-icon-stop:before { content: '\e88f'; } /* '' */
  1479. .eg-icon-fast-fw:before { content: '\e890'; } /* '' */
  1480. .eg-icon-ccw-1:before { content: '\e891'; } /* '' */
  1481. .eg-icon-angle-double-left:before { content: '\e892'; } /* '' */
  1482. .eg-icon-angle-double-right:before { content: '\e893'; } /* '' */
  1483. .eg-icon-flight:before { content: '\e894'; } /* '' */
  1484. .eg-icon-sort:before { content: '\e895'; } /* '' */
  1485. .eg-icon-coffee:before { content: '\e896'; } /* '' */
  1486. .eg-icon-food:before { content: '\e897'; } /* '' */
  1487. .eg-icon-medkit:before { content: '\e898'; } /* '' */
  1488. .eg-icon-puzzle:before { content: '\e899'; } /* '' */
  1489. .eg-icon-apple:before { content: '\e89a'; } /* '' */
  1490. .eg-icon-facebook:before { content: '\e89b'; } /* '' */
  1491. .eg-icon-gplus:before { content: '\e89c'; } /* '' */
  1492. .eg-icon-vimeo-squared:before { content: '\e89d'; } /* '' */
  1493. .eg-icon-youtube-squared:before { content: '\e89e'; } /* '' */
  1494. .eg-icon-youtube:before { content: '\e89f'; } /* '' */
  1495. .eg-icon-linkedin-1:before { content: '\e8a0'; } /* '' */
  1496. .eg-icon-twitter:before { content: '\e8a1'; } /* '' */
  1497. .eg-icon-twitter-squared:before { content: '\e8a2'; } /* '' */
  1498. .eg-icon-level-down:before { content: '\e8a3'; } /* '' */
  1499. .eg-icon-level-up:before { content: '\e8a4'; } /* '' */
  1500. .eg-icon-back:before { content: '\e8a5'; } /* '' */
  1501. .eg-icon-reply:before { content: '\e8a6'; } /* '' */
  1502. .eg-icon-forward-1:before { content: '\e8a7'; } /* '' */
  1503. .eg-icon-reply-1:before { content: '\e8a8'; } /* '' */
  1504. .eg-icon-thumbs-up-1:before { content: '\e8a9'; } /* '' */
  1505. .eg-icon-thumbs-down:before { content: '\e8aa'; } /* '' */
  1506. .eg-icon-download-1:before { content: '\e8ab'; } /* '' */
  1507. .eg-icon-upload-1:before { content: '\e8ac'; } /* '' */
  1508. .eg-icon-paper-plane:before { content: '\e8ad'; } /* '' */
  1509. .eg-icon-brush:before { content: '\e8ae'; } /* '' */
  1510. .eg-icon-key:before { content: '\e8af'; } /* '' */
  1511. .eg-icon-clipboard:before { content: '\e8b0'; } /* '' */
  1512. .eg-icon-megaphone:before { content: '\e8b1'; } /* '' */
  1513. .eg-icon-flickr:before { content: '\e8b2'; } /* '' */
  1514. .eg-icon-github:before { content: '\e8b3'; } /* '' */
  1515. .eg-icon-github-circled:before { content: '\e8b4'; } /* '' */
  1516. .eg-icon-flickr-circled:before { content: '\e8b5'; } /* '' */
  1517. .eg-icon-vimeo:before { content: '\e8b6'; } /* '' */
  1518. .eg-icon-vimeo-circled:before { content: '\e8b7'; } /* '' */
  1519. .eg-icon-twitter-1:before { content: '\e8b8'; } /* '' */
  1520. .eg-icon-twitter-circled:before { content: '\e8b9'; } /* '' */
  1521. .eg-icon-facebook-1:before { content: '\e8ba'; } /* '' */
  1522. .eg-icon-facebook-circled:before { content: '\e8bb'; } /* '' */
  1523. .eg-icon-facebook-squared:before { content: '\e8bc'; } /* '' */
  1524. .eg-icon-gplus-1:before { content: '\e8bd'; } /* '' */
  1525. .eg-icon-gplus-circled:before { content: '\e8be'; } /* '' */
  1526. .eg-icon-pinterest:before { content: '\e8bf'; } /* '' */
  1527. .eg-icon-pinterest-circled:before { content: '\e8c0'; } /* '' */
  1528. .eg-icon-tumblr-1:before { content: '\e8c1'; } /* '' */
  1529. .eg-icon-tumblr-circled:before { content: '\e8c2'; } /* '' */
  1530. .eg-icon-linkedin:before { content: '\e8c3'; } /* '' */
  1531. .eg-icon-linkedin-circled:before { content: '\e8c4'; } /* '' */
  1532. .eg-icon-dribbble:before { content: '\e8c5'; } /* '' */
  1533. .eg-icon-dribbble-circled:before { content: '\e8c6'; } /* '' */
  1534. .eg-icon-picasa:before { content: '\e8c7'; } /* '' */
  1535. .eg-icon-rss-1:before { content: '\e8c8'; } /* '' */
  1536. .eg-icon-cw:before { content: '\e8c9'; } /* '' */
  1537. .eg-icon-soundcloud:before { content: '\e8ca'; } /* '' */
  1538. .eg-icon-resize-small:before { content: '\e8cb'; } /* '' */
  1539. .eg-icon-resize-full-1:before { content: '\e8cc'; } /* '' */
  1540. .eg-icon-resize-vertical:before { content: '\e8cd'; } /* '' */
  1541. .eg-icon-resize-horizontal:before { content: '\e8ce'; } /* '' */
  1542. .eg-icon-vine:before { content: '\e8cf'; } /* '' */
  1543. .eg-icon-skype:before { content: '\e8d0'; } /* '' */
  1544. .eg-icon-pinterest-squared:before { content: '\e8d1'; } /* '' */
  1545. .eg-icon-pinterest-circled-1:before { content: '\e8d2'; } /* '' */
  1546. .eg-icon-instagramm:before { content: '\e8d3'; } /* '' */
  1547. .eg-icon-flickr-1:before { content: '\e8d4'; } /* '' */
  1548. .eg-icon-soundcloud-1:before { content: '\e8d5'; } /* '' */
  1549. .eg-icon-wordpress:before { content: '\e8d6'; } /* '' */
  1550. .eg-icon-maxcdn:before { content: '\e8d7'; } /* '' */
  1551. .eg-icon-off:before { content: '\e8d8'; } /* '' */
  1552. .eg-icon-crop:before { content: '\e8d9'; } /* '' */
  1553. .eg-icon-dribbble-1:before { content: '\e8da'; } /* '' */
  1554. .eg-icon-dropbox:before { content: '\e8db'; } /* '' */
  1555. .eg-icon-drupal:before { content: '\e8dc'; } /* '' */
  1556. .eg-icon-paragraph:before { content: '\e8dd'; } /* '' */
  1557. .eg-icon-right-hand:before { content: '\e8de'; } /* '' */
  1558. .eg-icon-left-hand:before { content: '\e8df'; } /* '' */
  1559. .eg-icon-down-hand:before { content: '\e8e0'; } /* '' */
  1560. .eg-icon-sliders:before { content: '\e8e1'; } /* '' */
  1561. .eg-icon-share:before { content: '\e8e2'; } /* '' */
  1562. .eg-icon-code:before { content: '\e8e3'; } /* '' */
  1563. .eg-icon-attach:before { content: '\e8e4'; } /* '' */
  1564. .eg-icon-cancel-circled:before { content: '\e8e5'; } /* '' */
  1565. .eg-icon-scissors:before { content: '\e8e6'; } /* '' */
  1566. .eg-icon-eyedropper:before { content: '\e8e7'; } /* '' */
  1567. .eg-icon-filter:before { content: '\e8e8'; } /* '' */
  1568. .eg-icon-youtube-play:before { content: '\e8e9'; } /* '' */
  1569. .eg-icon-resize-small-1:before { content: '\e8ea'; } /* '' */
  1570. .eg-icon-resize-full-2:before { content: '\e8eb'; } /* '' */
  1571. .eg-icon-resize-normal:before { content: '\e8ec'; } /* '' */
  1572. .eg-icon-pencil:before { content: '\e8ed'; } /* '' */
  1573. .eg-icon-pencil-2:before { content: '\e8ee'; } /* '' */
  1574. .eg-icon-emo-coffee:before { content: '\e8ef'; } /* '' */
  1575. .eg-icon-lock-1:before { content: '\e8f0'; } /* '' */
  1576. .eg-icon-lock-open-1:before { content: '\e8f1'; } /* '' */
  1577. .eg-icon-download-2:before { content: '\e8f2'; } /* '' */
  1578. .eg-icon-upload-2:before { content: '\e8f3'; } /* '' */
  1579. .eg-icon-down:before { content: '\e8f4'; } /* '' */
  1580. .eg-icon-up:before { content: '\e8f5'; } /* '' */
  1581. .eg-icon-pin:before { content: '\e8f6'; } /* '' */
  1582. .eg-icon-pin-outline:before { content: '\e8f7'; } /* '' */
  1583. /********** GOOGLE FONT LINKS ****************/
  1584. .google-font-slide-link {
  1585. display: inline-block;
  1586. background: #2980b9;
  1587. padding: 0px 4px;
  1588. line-height: 18px;
  1589. vertical-align: middle;
  1590. }
  1591. .google-font-slide-link:hover {
  1592. background:#3498db;
  1593. }
  1594. .google-font-slide-link i:before { color:#fff; line-height: 15px; font-size:12px; vertical-align: middle }
  1595. .subsetlabel { text-transform: capitalize;}
  1596. .font-name-label {
  1597. line-height: 28px !important;
  1598. display: block !important;
  1599. background-color: #2980b9;
  1600. padding: 0px 10px;
  1601. color: #fff;
  1602. font-weight: 600;
  1603. }
  1604. .single-font-setting-wrapper { border: 1px dashed #aaa; padding:10px 0px 5px 10px;border-top:none; margin-bottom:15px;}
  1605. /******************************
  1606. - SLIDER/SLIDE PREVIEW OVERLAY -
  1607. ******************************/
  1608. #rs-preview-wrapper { box-sizing:border-box; -moz-box-sizing:border-box; display:none;position:fixed; top:0px; left:0px; z-index:100000; background:#000;background:rgba(0,0,0,0.8); width:100%;height:100%;}
  1609. #rs-preview-wrapper-inner { position:absolute;width:100%;max-width:1400px; height:100%;top:0px; background:#d5d5d5; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.35);left:50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-moz-transform: translateX(-50%);}
  1610. #rs-preview-info { position:absolute; top:0px; left:0px; width:100%;height:50px; z-index:200; }
  1611. #rs-frame-preview { width: 100%; height: 100%; position: relative; background:#fff;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box; padding:40px;}
  1612. .rs-close-preview,
  1613. .rs-close-preview:hover { color: #000; text-decoration: none; font-size: 25px; position: absolute; right: 10px; top: 10px; cursor: pointer; }
  1614. .rs-frame-preview-wrapper { width:100%; height:100%; top: 0px; position: absolute; padding-top:50px;box-sizing: border-box;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;}
  1615. .rs-style-device_selector_prev,
  1616. .rs-preview-device_selector_prev,
  1617. .rs-style-device_selector_set { margin-left:10px; margin-top:5px;cursor:pointer; display:inline-block; position:relative; width:40px; height:40px; background-position:center center; background-repeat:no-repeat; margin-bottom:5px; box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.1); border-radius: 6px; background-color:#ccc;}
  1618. .rs-style-device_selector_prev {margin:0px;}
  1619. .rs-style-device_selector_prev.selected,
  1620. .rs-preview-device_selector_prev.selected,
  1621. .rs-preview-device_selector_prev:hover,
  1622. .rs-style-device_selector_set.selected,
  1623. .rs-style-device_selector_set:hover { background-color:#3498db;}
  1624. .rs-preview-ds-desktop { display:inline-block;background-image:url(../images/toolbar/icon-mode-desktop-dark.png); background-size:22px 20px;}
  1625. .rs-preview-ds-desktop.selected,
  1626. .rs-preview-ds-desktop:hover { background-image:url(../images/toolbar/icon-mode-desktop-light.png);}
  1627. .rs-preview-ds-notebook { display:inline-block;background-image:url(../images/toolbar/icon-mode-laptop-dark.png); background-size:24px 16px;}
  1628. .rs-preview-ds-notebook.selected,
  1629. .rs-preview-ds-notebook:hover { background-image:url(../images/toolbar/icon-mode-laptop-light.png);}
  1630. .rs-preview-ds-tablet { display:inline-block;background-image:url(../images/toolbar/icon-mode-tablet-dark.png); background-size:18px 24px;}
  1631. .rs-preview-ds-tablet.selected,
  1632. .rs-preview-ds-tablet:hover { background-image:url(../images/toolbar/icon-mode-tablet-light.png);}
  1633. .rs-preview-ds-mobile { display:inline-block;background-image:url(../images/toolbar/icon-mode-phone-dark.png); background-size:14px 22px;}
  1634. .rs-preview-ds-mobile.selected,
  1635. .rs-preview-ds-mobile:hover { background-image:url(../images/toolbar/icon-mode-phone-light.png);}
  1636. .rs-close-preview i:before { color:#000;}
  1637. input[type=checkbox].rs-style-device_input { opacity:0; z-index:5;width:40px !important; height:40px !important; position: absolute; top:0px;left:0px;}
  1638. .rs-style-device-wrap { display:inline-block; position: relative; margin-right: 5px;}
  1639. input[name="rs-css-include[]"] { margin-right:17px;}
  1640. /******************************
  1641. - NAVIGATION STYLES -
  1642. ******************************/
  1643. .cm-s-default { background-color: #FFF; }
  1644. .table-titles { border-bottom:1px solid #e5e5e5;}
  1645. .table-titles,
  1646. .rs-nav-table { display: table; width: 100%; min-width:900px;}
  1647. .rs-nav-table-row { display: block;border-top: #E5E5E5 solid 1px;}
  1648. .rs-nav-table-cell { border-right: #E5E5E5 solid 1px; box-sizing: border-box; color: #777; display: table-cell; font-size: 14px; line-height: 16px; text-align: center; }
  1649. .rs-nav-table-row:nth-child(1) .rs-nav-table-cell { border-top:none;}
  1650. .rs-nav-table-cell a { display:block;padding:20px;}
  1651. .rs-nav-table-row.selected .rs-nav-table-cell { background-color: #FFF; }
  1652. .rs-nav-table-cell .eg-icon-plus-circled:before { color:#777;}
  1653. .rs-nav-table-cell:hover .eg-icon-plus-circled:before { color:#fff;}
  1654. .table-titles .rs-nav-table-cell:nth-child(1) { padding:20px 0px;}
  1655. .rs-nav-table-title { font-weight: 600; }
  1656. .rs-nav-table-cell:nth-child(1) { width: 60px; }
  1657. .rs-nav-table-cell:nth-child(2) { text-align: left; min-width: 200px; width: 200px; padding:0px 20px; }
  1658. .rs-nav-table-cell:nth-child(3) { width: 115px; }
  1659. .rs-nav-table-cell:nth-child(4) { width: 112px; }
  1660. .rs-nav-table-cell:nth-child(5) { width: 134px; }
  1661. .rs-nav-table-cell:nth-child(6) { width: 114px; }
  1662. .rs-nav-table-cell:nth-child(7) { width: 62px; }
  1663. .rs-nav-table-cell:nth-child(8) { width: 62px; }
  1664. .rs-nav-table-cell:nth-child(9) { width: 62px; }
  1665. .rs-nav-table-cell:nth-child(10) { width: 62px; }
  1666. /*.rs-nav-table-cell:nth-child(9) { width: 50px; }*/
  1667. .rs-nav-table-cell:nth-child(11) { width: auto; }
  1668. .rs-nav-table-cell:last-child { border-right: 0;}
  1669. .rs-nav-table-cell a:hover,
  1670. .rs-nav-table-cell.selected { background-color: #219BD7 !important;}
  1671. .rs-nav-table-cell a:hover,
  1672. .rs-nav-table-cell.selected a,
  1673. .rs-nav-table-cell.selected a:hover { color: #FFF !important;}
  1674. .rs-nav-editing-title { padding: 0; }
  1675. .rs-nav-table-cell a,.rs-nav-table-cell a:hover { color: #777; text-decoration: none; }
  1676. .rs-markup-selector { background-color: #219BD7; color: #fff; font-weight: 600; cursor: pointer;}
  1677. .rs-css-selector { background-color: #9b59b6; color: #fff; font-weight: 600; cursor: pointer;}
  1678. .rs-css-selector .rs-editor-open-field { float: right; padding: 15px; background-color: #9b59b6;}
  1679. .rs-markup-selector .rs-editor-open-field { float: right; padding: 15px; background-color: #219BD7;}
  1680. .rs-markup-selector.open .rs-editor-open-field { background-color: #2980b9}
  1681. .rs-css-selector.open .rs-editor-open-field { background-color: #8e44ad}
  1682. .rs-editing-markups-wrap { float: left; width: 60%; }
  1683. .rs-editing-preview-wrap { float: right; width: 40%; background-image: url("../images/trans_tile2.png"); height: 100%; position: relative;}
  1684. .rs-css-wrapper .CodeMirror,
  1685. .rs-markup-wrapper .CodeMirror { display: table-cell; width: 100%; }
  1686. /*.rs-css-wrapper .CodeMirror pre,
  1687. .rs-markup-wrapper .CodeMirror pre { word-wrap: break-word}*/
  1688. .rs-markup-elements,
  1689. .rs-css-elements { min-width:200px; display: table-cell; background-color: #EEEEEE; vertical-align: top; height: 500px; position: relative;}
  1690. .rs-css-wrapper { display: table;}
  1691. .rs-css-wrapper .CodeMirror,
  1692. .rs-editing-markups-wrap .CodeMirror { line-height: 23px;}
  1693. .rs-css-wrapper .CodeMirror .cm-qualifier { color: #0083DC; }
  1694. .rs-css-wrapper .CodeMirror .cm-property { color: #454A4E; }
  1695. .rs-css-wrapper .CodeMirror .cm-string-2 { color: #97A3A9; }
  1696. .rs-css-wrapper .CodeMirror .cm-error { color: #F00 !important; }
  1697. .rs-markup-wrapper,
  1698. .rs-css-wrapper { height:600px; }
  1699. .rs-editing-wrapper { height: 700px; }
  1700. .rs-selector-title { display: inline-block; padding: 15px; }
  1701. .rs-css-elements h4,
  1702. .rs-markup-elements h4 { margin-top: 0px; position:relative;display: block;}
  1703. .rs-element-list { color: #808080; }
  1704. .rs-element-list li.rea-open,
  1705. .rs-element-list li:hover { color: #5BACDB; cursor: pointer; }
  1706. .rs-element-list.collapsable { background: #E5E5E5;margin: 0px -20px 20px;padding: 10px 20px;}
  1707. .rs-small-input { width: 35px !important; }
  1708. .rs-element-add { padding:15px 20px; margin:5px -20px; background:#ddd; color:#808080;}
  1709. #rs-placeholder-container { padding-top:25px;}
  1710. #rs-placeholder-container .rs-element-add { background: transparent; padding:5px 20px 10px;}
  1711. .rs-element-add label { min-width:70px; display:inline-block; font-size:11px;}
  1712. .rs-element-add .button-primary.revblue { display: block !important; text-align: center; margin-top:10px !important;}
  1713. .libtn { cursor: pointer; display: block;}
  1714. .rs-element-list .libtn { display: block; line-height: 25px; position:relative;}
  1715. .more-values-available { position: absolute;right: 0px; top:0px; font-family: eg-font;}
  1716. .more-values-available:before { content: '\e876'; }
  1717. .more-values-available.resetme:before { content: '\e821'}
  1718. .rea-open>.libtn>.more-values-available:before,
  1719. .rea-open>h4>.libtn>.more-values-available:before { content: '\e870';}
  1720. .rs-nav-name-wrap .input-edit-icon,
  1721. .rs-nav-name-edit-wrap .input-edit-icon { top:10px !important;}
  1722. #rs-add-new-navigation-element { vertical-align: middle !important}
  1723. .helper-wrappers { margin-bottom:10px;}
  1724. .activeline { background: #E8F2FF !important;}
  1725. .CodeMirror-matchhighlight { background:#f1c40f;}
  1726. /* NAVIGATION BUILDER PREVIEW SETTINGS */
  1727. .rs-thumbs-preview { position: absolute;width:100%;height:100%;}
  1728. .rs-tabs-preview { position: absolute;width:100%;height:100%;}
  1729. .rs-arrows-preview { position: absolute;width:100%;height:100%;}
  1730. .rs-bullets-preview { position: absolute;top:150px;left:50%;}
  1731. .rs-thumbs-preview .tp-thumb { transform: translateX(-50%) translateY(-50%); position:absolute;top:50%; left:50%;}
  1732. .rs-tabs-preview .tp-tab { transform: translateX(-50%) translateY(-50%); position:absolute;top:50%; left:50%;}
  1733. .rs-bullets-preview .tp-bullets { transform: translateX(-50%);}
  1734. .rs-arrows-preview .tp-leftarrow { top:150px;left:20px;}
  1735. .rs-arrows-preview .tp-rightarrow { top:150px;right:20px;}
  1736. .rs-thumbs-preview .tp-thumb-image,
  1737. .rs-arrows-preview .tp-arr-imgholder,
  1738. .rs-tabs-preview .tp-tab-image,
  1739. .rs-bullets-preview .tp-bullet-image { background-image:url(../images/navigationeditor/tp_thumb.jpg) !important;}
  1740. .rs-nav-fullrow { display:table-row;height:50px; position:relative;width:100%; }
  1741. .rs-nav-fullcell { display:block;position: absolute; width:100% !important;height:50px;text-align: left; padding:0px 15px;background:#fff; line-height:50px; vertical-align: middle;
  1742. color:#333; font-weight:400; font-size:16px; border-left:10px solid #3498db;}
  1743. /* COLOR PICKER IN PREVIEW BUILDER */
  1744. #viewWrapper .rs-editing-preview-wrap .wp-picker_notused_anymore-container { position:absolute;right:15px;top:12px;z-index:1000;}
  1745. #viewWrapper .rs-editing-preview-wrap .wp-picker_notused_anymore-container .wp-color-result { width:135px;}
  1746. #viewWrapper .rs-editing-preview-wrap .wp-picker_notused_anymore-container .wp-color-result:after { content:"Preview BG Color"; white-space: nowrap;}
  1747. .rs-editing-preview-overlay { position:absolute; opacity:0.25; width:100%;height:100%; background:#000;}
  1748. /* LITTLE HELPS FOR NAVIGATION BUILDER */
  1749. .showhidehelper { width:10px;height:100%;right:0px;top:0px;position:absolute;background:#d1d1d1; cursor: pointer;}
  1750. .showhidehelper:after { content: '\e804'; padding: 5px;background: #D1D1D1;position: absolute;top: 50%;right: 0px;font-family: "eg-font";text-align: center;font-size: 8px;color: #888; border-radius: 5px 0px 0px 5px;}
  1751. .showhidehelper.small { left:0px;right:auto;}
  1752. .showhidehelper.small:after { right:-7px; border-radius:0px 5px 5px 0px;}
  1753. .showhidehelper:hover:after,
  1754. .showhidehelper:hover { background-color: #3498db; color:#fff;}
  1755. .rs-remove-nav-element { vertical-align: middle !important}
  1756. #list-of-navigations .ps-scrollbar-y-rail { opacity: 1 !important; display: block;}
  1757. .little-info { display:inline-block; font-size:12px; color:#fff; position:absolute;top:0px;left:0px; background:#e74c3c; padding:15px; box-sizing: border-box; width:100%;}
  1758. .little-sizes { display:inline-block; font-size:12px; color:#fff; position:absolute;bottom:0px;left:0px; background:#e74c3c; padding:11px; box-sizing: border-box; width:100%;}
  1759. #preview-nav-wrapper { width:400px;height:200px;position:absolute; visibility:hidden; background:url(../images/trans_tile2.png); background-repeat:repeat;}
  1760. #form_toolbar #preview-nav-wrapper { display:none;position:relative;margin-top:15px;}
  1761. #preview-nav-wrapper .rs-thumbs-preview { position: absolute;width:100%;height:100%;}
  1762. #preview-nav-wrapper .rs-tabs-preview { position: absolute;width:100%;height:100%;}
  1763. #preview-nav-wrapper .rs-arrows-preview { position: absolute;width:100%;height:100%;}
  1764. #preview-nav-wrapper .rs-bullets-preview { position: absolute;top:20px;left:50%;}
  1765. #preview-nav-wrapper .rs-thumbs-preview .tp-thumb { transform: translateX(-50%) translateY(-50%); position:absolute;top:50%; left:50%;}
  1766. #preview-nav-wrapper .rs-tabs-preview .tp-tab { transform: translateX(-50%) translateY(-50%); position:absolute;top:50%; left:50%;}
  1767. #preview-nav-wrapper .rs-bullets-preview .tp-bullets { transform: translateX(-50%);}
  1768. #preview-nav-wrapper .rs-arrows-preview .tp-leftarrow { top:50%;left:20px; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
  1769. #preview-nav-wrapper .rs-arrows-preview .tp-rightarrow { top:50%;right:20px; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
  1770. .revgray.valid_big_border i:before { color:#fff;}
  1771. .rs-placeholder-title { display:inline-block; width:85px; margin-right:10px; overflow: hidden; vertical-align: top; height:25px; line-height: 25px;white-space: nowrap;}
  1772. .rs-add-placeholder,
  1773. .rs-edit-placeholder,
  1774. .rs-remove-placeholder { border-radius: 4px; background-color:#f1f1f1;margin-left:5px; outline:none !important; box-shadow: none !important}
  1775. .rs-add-placeholder { margin-left: 0px;}
  1776. .rs-add-placeholder:hover { background-color:#3498db;}
  1777. .rs-edit-placeholder:hover { background-color:#3498db;}
  1778. .rs-remove-placeholder:hover { background-color:#c0392b;}
  1779. .rs-add-placeholder:hover i:before,
  1780. .rs-edit-placeholder:hover i:before,
  1781. .rs-remove-placeholder:hover i:before { color:#fff;}
  1782. #placeholder-options li { margin-bottom:15px;}
  1783. #placeholder-options li label { display:inline-block; min-width: 120px; font-weight: 600; }
  1784. #placeholder-options li input { background: #e5e5e5;
  1785. color: #777;
  1786. font-size: 13px;
  1787. padding: 0 7px;
  1788. border-radius: 5px;
  1789. -moz-border-radius: 5px;
  1790. -webkit-border-radius: 5px;
  1791. max-height: 26px;
  1792. line-height: 26px;
  1793. font-weight: 600;
  1794. vertical-align: middle;
  1795. border: none!important;
  1796. box-shadow: none!important;
  1797. -webkit-box-shadow: none!important;
  1798. width: 112px;}
  1799. #placeholder-options li select {
  1800. background: #e5e5e5;
  1801. color: #777;
  1802. font-weight: 600;
  1803. font-size: 12px;
  1804. padding: 0 3px;
  1805. border-radius: 5px;
  1806. -moz-border-radius: 5px;
  1807. -webkit-border-radius: 5px;
  1808. max-height: 26px;
  1809. line-height: 26px;
  1810. vertical-align: middle;
  1811. border: none!important;
  1812. box-shadow: none!important;
  1813. -webkit-box-shadow: none!important;
  1814. min-width: 112px;
  1815. }
  1816. /**************************************************
  1817. - SLIDER LIST SETTINGS
  1818. **************************************************/
  1819. .tp-list_sliders { list-style:none; margin:0px; padding:15px 10px; background:#fff; border-top:1px solid #e5e5e5;}
  1820. .tls-slide { list-style: none; margin:0px;padding:0px;
  1821. position:relative; display:inline-block; margin-bottom:10px;width:220px; height:160px; margin-right:10px; z-index:5; background:#333;}
  1822. .tls-hover-metas { display:none; position:absolute; width:100%;top:160px; background:#353535; padding:10px 0px;}
  1823. .tls-main-metas { position: absolute;width:220px;height:160px; top:0px;left:0px; overflow: hidden;}
  1824. .tls-slide:hover { z-index:10;}
  1825. .tls-slidenr { font-weight:bold; font-size:14px; color:#fff; color:rgba(255,255,255,0.5); position: absolute; right:10px; top:28px;}
  1826. .tls-star { font-size:14px;position:absolute; top:10px;left:10px;color:#fff; line-height:20px; vertical-align: middle;}
  1827. .tls-star [class^="eg-icon-"]:before, .tls-star [class*=" eg-icon-"]:before { color:#fff !important;}
  1828. .tls-source { font-size:11px;position:absolute; right:10px;top:10px; color:#fff; line-height:20px; vertical-align: middle;}
  1829. .tls-source i { font-size:14px;margin-right:5px; line-height:16px; vertical-align: top; color:#fff;}
  1830. .tls-source i:before { color:#fff !important;}
  1831. .tls-title-wrapper { vertical-align:middle; position:absolute; bottom:0px; color:#fff; padding:5px 10px; width:100%;line-height:20px; background:#eee; box-sizing:border-box;}
  1832. .tls-title { margin-left:5px; vertical-align:middle; display: inline-block;line-height:20px; max-width:175px; overflow:hidden; white-space: nowrap;}
  1833. .tls-title ,
  1834. .tls-title a { color:#555; text-decoration: none; font-size:11px;line-height:20px; font-weight:600;}
  1835. .tls-slide:hover .tls-title-wrapper { background:#252525;}
  1836. .tls-slide:hover .tls-title a,
  1837. .tls-slide:hover .tls-id,
  1838. .tls-slide:hover .tls-title { color:#fff;}
  1839. .tls-id { font-size:11px; line-height:20px;vertical-align:bottom;color:#555; display: inline-block;}
  1840. .tls-firstslideimage { position:absolute; top:0px: left:0px; width:100%;height:100%;}
  1841. .mini-transparent { background:url(../images/trans_tile.png); background-repeat:repeat;}
  1842. .mini-as-bg { position:absolute;top:0px;left:0px;width:100%;height:100%;}
  1843. .tls-hover-metas .button-primary { display:block !important; margin:0px !important;
  1844. background:transparent !important;}
  1845. .tls-hover-metas .button-primary,
  1846. .tls-hover-metas .button-primary i:before { color:#999 !important; font-weight: 600}
  1847. .tls-hover-metas .button-primary i:before { margin-right:10px;}
  1848. .tls-hover-metas .button-primary:hover,
  1849. .tls-hover-metas .button-primary:hover i:before { color:#fff !important;}
  1850. .tls-bg-top { top:0px;left:0px;width:100%;height:160px; position: absolute; }
  1851. .tls-settings,
  1852. .tls-editslides,
  1853. .tls-showmore { display:none !important;width:32px;height:32px !important;position:absolute;top:-2px; background:#353535 !important; font-size:15px; text-align: center; line-height:32px !important;}
  1854. .tls-showmore i:before,
  1855. .tls-settings i:before,
  1856. .tls-editslides i:before { margin: 0px; color:#fff; line-height: 35px;}
  1857. .tls-editslides { right:-2px;}
  1858. .tls-settings { right:31px;}
  1859. .tls-showmore { right:64px;}
  1860. .tls-slide:hover .tls-settings,
  1861. .tls-slide:hover .tls-editslides,
  1862. .tls-slide:hover .tls-showmore { display:inline-block !important;}
  1863. .tls-showmore:hover,
  1864. .tls-editslides:hover,
  1865. .tls-settings:hover { background:#3498db !important;}
  1866. .tls-addnewslider { border:1px dashed #ddd; background: transparent; box-sizing: border-box; overflow:hidden;}
  1867. .tls-addnewslider .tls-main-metas { left:-1px;}
  1868. .tls-addnewslider
  1869. .tls-new-icon-wrapper { position: absolute;top:0px;:left:0px;width:100%;height:100%;display:block; text-align: center;font-size:35px;}
  1870. .tls-new-icon { line-height:130px;vertical-align: middle; }
  1871. .tls-new-icon:before { color:#252525 !important;}
  1872. .tls-addnewslider:hover .tls-hover-metas { display:block !important; border:1px solid #353535; margin-left:-1px;}
  1873. .tls-dimmme { position: absolute;top:0px;left:0px;visibility: hidden;background:#fff; width:220px;height:160px; opacity:0;}
  1874. .tls-grad-bg {
  1875. background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0) 100%);
  1876. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(50%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
  1877. background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
  1878. background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
  1879. background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
  1880. background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
  1881. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  1882. }
  1883. .tls-showmore:after { content:" "; width:10px;height:30px; position:absolute;right:100%;
  1884. background: -moz-linear-gradient(left, rgba(37,37,37,0) 0%, rgba(37,37,37,1) 100%); /* FF3.6+ */
  1885. background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(37,37,37,0)), color-stop(100%,rgba(37,37,37,1))); /* Chrome,Safari4+ */
  1886. background: -webkit-linear-gradient(left, rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */
  1887. background: -o-linear-gradient(left, rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* Opera 11.10+ */
  1888. background: -ms-linear-gradient(left, rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* IE10+ */
  1889. background: linear-gradient(to right, rgba(37,37,37,0) 0%,rgba(37,37,37,1) 100%); /* W3C */
  1890. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00252525', endColorstr='#252525',GradientType=1 ); /* IE6-9 */
  1891. }
  1892. .slider-sortandfilter { float:right; line-height:50px;}
  1893. #sort-sliders { margin-right:10px;}
  1894. #sort-sliders,
  1895. #filter-sliders { background: #E5E5E5;
  1896. color: #777;
  1897. font-weight: 600;
  1898. font-size: 12px !important;
  1899. padding: 0 3px !important;
  1900. border-radius: 5px;
  1901. -moz-border-radius: 5px;
  1902. -webkit-border-radius: 5px;
  1903. max-height: 26px;
  1904. line-height: 26px;
  1905. vertical-align: middle;
  1906. border: none!important;
  1907. box-shadow: none!important;
  1908. -webkit-box-shadow: none!important; }
  1909. .slider-sort-drop,
  1910. .slider-filter-drop { font-weight:600; color:#999; margin-right:10px;}
  1911. .slider-lg-views { cursor:pointer;font-size:22px; margin-right:5px; vertical-align: middle; line-height: 22px;}
  1912. .slider-lg-views i:before { color:#999;}
  1913. .slider-gridviews { margin-right:15px;}
  1914. .slider-lg-views.active i:before { color:#333;}
  1915. .rev-remove-preset, .rev-update-preset { display: none; font-size: 18px; height: 24px; width: 24px; position: absolute; right: 5px; top: 5px; color: #bababa; }
  1916. .rev-remove-preset:hover { color: #ea5144; }
  1917. .rev-update-preset { right: 25px; }
  1918. .rev-update-preset:hover { color: #27AE60; }
  1919. .rs-listview li { width:100%;float:none;display:inline-block;height:auto; min-width:625px; position: relative; background:#eee; color:#333;}
  1920. .rs-listview .tls-main-metas { position: relative; width:100%;height:40px; display:block; white-space: nowrap;}
  1921. .rs-listview .tls-firstslideimage { vertical-align:top; width:100px;height:40px;position:relative;display:inline-block; margin-right:25px; background-position: center center}
  1922. .rs-listview .tls-bg-top { display:none;}
  1923. .rs-listview .tls-source i { vertical-align: middle;}
  1924. .rs-listview .tls-source,
  1925. .rs-listview .tls-star,
  1926. .rs-listview .tls-slidenr { width:30px;display:inline-block; position:relative; top:auto;left:auto;right:auto;bottom:auto; line-height: 40px; vertical-align: middle; margin-right:15px;}
  1927. .rs-listview .tls-source { width:75px; }
  1928. .rs-listview .tls-title-wrapper { display:inline-block; position:relative; width:auto;line-height:40px;vertical-align: middle; background:transparent !important; padding:0px; margin-left: 5px}
  1929. .rs-listview .tls-title,
  1930. .rs-listview .tls-title a,
  1931. .rs-listview .tls-id { vertical-align: middle; color:#333 !important;}
  1932. .rs-listview .tls-title { width:200px; overflow;hidden; margin-right:10px;}
  1933. .rs-listview .tls-settings,
  1934. .rs-listview .tls-editslides,
  1935. .rs-listview .tls-showmore { position:relative !important; top:auto;left:auto;bottom:auto;right:auto; vertical-align: middle}
  1936. .rs-listview .tls-hover-metas { position:absolute; top:40px; width:200px;left:495px;}
  1937. .rs-listview .tls-slide.tls-addnewslider .tls-hover-metas { left:50%; margin-left:-100px;}
  1938. .rs-listview .tls-showmore:focus,
  1939. .rs-listview .tls-showmore:visited,
  1940. .rs-listview .tls-showmore { vertical-align: middle !important}
  1941. .rs-listview .tls-showmore:after { display:none;}
  1942. .rs-listview .tls-dimmme { display:none !important;width:100%;height:100%;}
  1943. .rs-listview .tls-new-icon { line-height: 40px}
  1944. .rs-listview .tls-new-icon i:before,
  1945. .rs-listview .tls-slidenr,
  1946. .rs-listview .tls-star i,
  1947. .rs-listview .tls-star i:before,
  1948. .rs-listview .tls-title,
  1949. .rs-listview .tls-title a,
  1950. .rs-listview .tls-id,
  1951. .rs-listview .tls-source,
  1952. .rs-listview .tls-source i:before { color:#333 !important;}
  1953. .rs-listview li:hover { background:#333;}
  1954. .rs-listview li.tls-addnewslider:hover { background:#eee;}
  1955. .rs-listview li:hover .tls-new-icon,
  1956. .rs-listview li:hover .tls-new-icon:before,
  1957. .rs-listview li:hover .tls-source,
  1958. .rs-listview li:hover .tls-slidenr,
  1959. .rs-listview li:hover .tls-star i,
  1960. .rs-listview li:hover .tls-star i:before,
  1961. .rs-listview li:hover .tls-title,
  1962. .rs-listview li:hover .tls-title a,
  1963. .rs-listview li:hover .tls-id,
  1964. .rs-listview li:hover .tls-source i:before,
  1965. .rs-listview li:hover .tls-source i:before { color:#fff !important;}
  1966. .rs-listview li.tls-addnewslider:hover .tls-title,
  1967. .rs-listview li.tls-addnewslider:hover .tls-title a { color:#333 !important;}
  1968. #slide_selector { z-index: 4992}
  1969. .input_import_slider {
  1970. color: #000;
  1971. font-size: 13px;
  1972. width: auto;
  1973. min-width: 0px;
  1974. position: relative;
  1975. display: inline-block;
  1976. line-height: 14px;
  1977. vertical-align: middle;
  1978. padding: 6px 0px;
  1979. margin: 0px;
  1980. border: none;
  1981. outline: none;
  1982. cursor: pointer;
  1983. box-sizing: border-box;
  1984. }
  1985. .filetoimport {
  1986. background-color: #27ae60;
  1987. padding: 10px;
  1988. color: #fff;
  1989. }
  1990. .not-imported-overlay { display:none;cursor:pointer;width:100%;height:100%;top:0px;left:0px;position:absolute;z-index:2;background:rgba(36,36,36,0.5);}
  1991. .not-imported-wrapper .not-imported-overlay { display:block;}
  1992. .rs-embed-slider .eg-icon-plus-circled:before,
  1993. .rs-specific-posts-wrap .eg-icon-plus-circled:before { color:#fff;}
  1994. #advanced-emeding { cursor: pointer;}
  1995. #advanced-emeding i { float:right;}
  1996. #advanced-emeding i:before { color:#000; font-size:12px;}
  1997. .rs-param-meta-open { color: #000000 !important; cursor: pointer; }
  1998. #template_area .ps-scrollbar-y-rail { left:0px; right:auto; width:15px; opacity: 1 !important}
  1999. #template_area .ps-container .ps-scrollbar-y-rail { background:#ddd;}
  2000. #template_area .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width:15px; }
  2001. #the_image_source_url { line-height:30px; background:#ddd; padding:5px 10px; border-radius: 5px; }
  2002. .install_template_slider,
  2003. .install_template_slider_package,
  2004. .install_template_slide,
  2005. .add_template_slider_item,
  2006. .add_template_slider_item_package,
  2007. .add_template_slide_item,
  2008. .dontadd_template_slider_item { background:#009cdd; color:#fff; font-weight: 600; cursor: pointer; border-radius: 4px; font-size:12px; line-height: 25px; padding:0px 5px; display: inline-block;}
  2009. .dontadd_template_slider_item { background:#d50000; cursor: default;}
  2010. .dontadd_template_slider_item i { width:12px;height:12px; background-size:cover;}
  2011. .install_template_slider i:before,
  2012. .install_template_slider_package i:before,
  2013. .install_template_slide i:before,
  2014. .add_template_slider_item i:before,
  2015. .add_template_slider_item_package i:before,
  2016. .add_template_slide_item i:before,
  2017. .dontadd_template_slider_item i:before { color:#fff;margin-right:5px;}
  2018. .install_template_slider:hover,
  2019. .install_template_slider_package:hover,
  2020. .install_template_slide:hover,
  2021. .add_template_slider_item:hover,
  2022. .add_template_slider_item_package:hover,
  2023. .add_template_slide_item:hover { background: #2980b9}
  2024. .template_preview_add_wrapper { opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;position:absolute; width:100%; height:35px; top:65px; left:0px; line-height: 35px;z-index: 10;text-align: center}
  2025. .template_group_opener,
  2026. .preview_template_slider,
  2027. .show_more_template_slider { width:35px;height:35px; display: inline-block;line-height: 35px; text-align: center; cursor: pointer;}
  2028. .template_group_opener { display: none}
  2029. .template_group_opener i:before,
  2030. .preview_template_slider i:before,
  2031. .show_more_template_slider i:before { color:#fff; font-size:18px;}
  2032. .template_package_parent .template_group_opener { display:inline-block !important;}
  2033. .template_thumb_overview { z-index:2;opacity:0;transition:all 0.5s;-webkit-transition:all 0.5s;background:rgba(0,0,0,0.75); position:absolute;top:0px;left:0px; width:100%; height:100%;}
  2034. .template_group_wrappers:hover .template_preview_add_wrapper,
  2035. .template_group_wrappers:hover .template_thumb_overview { opacity: 1}
  2036. .template_slide_single_element { position: relative;}
  2037. #template_bigoverlay { cursor:pointer; background:rgba(238,238,238,0.85);width:100%;height:100%;z-index:5; position: absolute;top:0px;left:0px;display:none;}
  2038. /********* BREAD CRUMBS ***************/
  2039. .rs_breadcrumbs { margin-bottom:20px !important; background:#777; line-height:55px; min-height:55px;width:100%; color:#aaa; position: relative}
  2040. .rs-breadcrumbs-wrapper { float:left;}
  2041. .breadcrumb-button,
  2042. .breadcrumb-button:visited { font-size:14px; color:#aaa; line-height:55px;padding:0px 20px; text-decoration: none; font-weight: 600; display:block; outline:none !important; box-shadow: none !important; float:left;}
  2043. .breadcrumb-button i { margin-right:5px; font-size: 20px; display:inline-block; vertical-align: top; line-height: 55px}
  2044. .breadcrumb-button i:before { color:#aaa; line-height: 54px;vertical-align: top}
  2045. .breadcrumb-button:hover,
  2046. .breadcrumb-button.selected { background:#ddd; color:#777; outline:none !important; box-shadow: none !important;}
  2047. .breadcrumb-button:hover i:before,
  2048. .breadcrumb-button.selected i:before { color:#777;}
  2049. #button_close_slider_edit i:before,
  2050. .rs-toolbar-close i:before { color:#fff !important;}
  2051. /********** TEMPLATE / NEW SLIDER / IMPORT SLIDER MODIFICATIONS *************/
  2052. .slider_list_add_buttons { display: block; position: absolute; left:0px,top:0px;width:100%;height:100%; background-position:center center; background-repeat: no-repeat;background-size:40px 40px; margin-top:-10px;}
  2053. .add_new_template_icon_wrapper { background-image:url(../images/add_template_bg.jpg); background-size: cover;background-position: center center; }
  2054. .add_new_slider_icon { background-image:url(../images/new_slider.png); }
  2055. .add_new_template_icon { background-image:url(../images/add_template.png); }
  2056. .add_new_import_icon { background-image:url(../images/import_slider.png); }
  2057. .rs-listview .slider_list_add_buttons { margin-top:0px;}
  2058. .rs-listview .add_new_template_icon_wrapper { background-image:none;}
  2059. .tls-addnewslider:hover { border:1px solid #242424;}
  2060. .stream-notice { background:#3498db; color:#fff;font-weight: 600; line-height:25px;font-size:13px;padding:10px 20px 10px 90px; margin-bottom:20px;position:relative;}
  2061. .stream-notice:before { content:"!"; line-height:70px; color:#fff; background:#2980b9; position:absolute;top:0px;left:0px; width:70px;height:70px; text-align: center; font-size: 40px; font-weight: 600}
  2062. .debugmodeon #phandling_menu:before,
  2063. .debugmodeon .phandlingstitle:before { content:"!"; position:relative; background-color:#e74c3c !important; border-radius:50%; -moz-border-radius:50%; display:inline-block; width:20px;height:20px; margin-right:5px;color:#fff; font-weight: 600px; font-size:16px; text-align: center; line-height: 20px;}
  2064. /*************** DASHBOARD ********************/
  2065. .dashboard-space { width:100%;height:50px;display: block}
  2066. .rs-dash-widget { background:#fff; width:480px; height:310px; overflow: hidden; float:left; margin-right:20px; margin-bottom:20px;box-sizing: border-box;-moz-box-sizing: border-box; display: block; position: relative;}
  2067. .rs-dash-doublewidget { width:980px;}
  2068. .rs-dash-title-wrap { line-height:63px; border-bottom:1px solid #e5e5e5; border-bottom:1px solid rgba(0,0,0,0.1); padding:0px 20px;}
  2069. .rs-dash-widget-inner { padding:30px 20px 20px;position: relative;max-height:246px; min-height:246px;width:100%;overflow: hidden; font-size:13px; font-weight: 400; line-height: 17px; position: relative;box-sizing: border-box;-moz-box-sizing: border-box; color:#444;}
  2070. .rs-dash-doublewidget .rs-dash-widget-inner { width:488px; display: inline-block;}
  2071. .rs-dash-bottom-wrapper { position: absolute;bottom:20px;left:20px;width:100%;}
  2072. .rs-dash-widget-warning-panel { top:0px;left:0px;opacity:0;position:absolute; width:100;height:100%;padding:20px; box-sizing: border-box;-moz-box-sizing: border-box; background:#eeeeee; }
  2073. .rs-dash-widget-wp-cancel { color:#999; position:absolute; top:20px;right:12px; cursor: pointer;}
  2074. .rs-dash-widget-wp-cancel:before { color:#999; font-size: 20px;}
  2075. #viewWrapper input.rs-dashboard-input { line-height: 40px; max-height: 40px; border-radius: 0px; vertical-align: top; padding:0px 20px;}
  2076. .rs-dash-title { font-size:19px; line-height:32px; vertical-align: middle; display: inline-block;font-weight:600;position: relative;z-index: 1;}
  2077. .rs-dash-strong-content { font-weight:600; color:#000;}
  2078. .rs-dash-red-content { color:#e74c3c; font-weight: 600}
  2079. .rs-dash-label { display:inline-block;min-width:195px; line-height: 20px;}
  2080. .rs-dash-content-space-small { display:block;width:100%;height:7px;}
  2081. .rs-dash-content-space-large { display:block;width:100%;height:24px;}
  2082. .rs-dash-content-space { display:block;width:100%;height:14px;}
  2083. .rs-dash-deactivated { opacity:0.3;}
  2084. .requirement-link { outline:none !important; box-shadow:none !important; color:#fff !important;position:relative !important; top:1px !important;right:auto !important; margin-left:5px;}
  2085. .requirement-link .eg-icon-info,
  2086. .requirement-link .eg-icon-info:before { color:#fff !important;}
  2087. .rs-status-red,
  2088. .rs-status-orange,
  2089. .rs-status-green,
  2090. .rs-status-neutral { display: none}
  2091. .rs-dash-title-button { font-weight:600;border-radius: 4px; padding:0px 15px; line-height: 32px; color:#fff; font-size:13px; position: absolute;right:20px;top:16px;}
  2092. .rs-dash-more-buttons-wrapper { position: absolute; right:20px; top:0px;}
  2093. .rs-dash-more-buttons-wrapper .rs-dash-title-button { position: relative;top:auto;right:auto; display: inline-block;}
  2094. /* ORANGE SECTION */
  2095. .rs-status-orange-wrap .rs-dash-title { color:#e67e22;}
  2096. .rs-dash-title-button.rs-status-orange { background:#e67e22;}
  2097. .rs-status-orange-wrap .rs-status-orange { display: inline-block; }
  2098. /* GREEN SECTION */
  2099. .rs-status-green-wrap .rs-dash-title,
  2100. .rs-dash-title.rs-green { color:#27ae60;}
  2101. .rs-dash-title-button.rs-status-green,
  2102. .rs-dash-title-button.rs-green { background:#27ae60;}
  2103. .rs-status-green-wrap .rs-status-green,
  2104. .rs-dash-title-button.rs-green { display: inline-block; }
  2105. /* RED SECTION */
  2106. .rs-status-red-wrap .rs-dash-title,
  2107. .rs-dash-title.rs-red { color:#e74c3c;}
  2108. .rs-dash-title-button.rs-status-red,
  2109. .rs-dash-title-button.rs-red { background:#e74c3c;}
  2110. .rs-status-red-wrap .rs-status-red,
  2111. .rs-dash-title-button.rs-red { display: inline-block; }
  2112. /* DASHBOARD BUTTONS BUTTON */
  2113. .rs-dash-button-gray,
  2114. .rs-dash-button { box-shadow: none !important;cursor:pointer;border:none !important;text-decoration:none !important;background:#3498db; border-radius: 4px; color:#fff; line-height: 40px;padding:0px 20px; display: inline-block; font-weight: 600; font-size: 14px;outline:none !important;}
  2115. .rs-dash-button-small,
  2116. .rs-dash-invers-button,
  2117. .rs-dash-invers-button-gray,
  2118. .rs-dash-button-small:visited,
  2119. .rs-dash-invers-button:visited,
  2120. .rs-dash-invers-button-gray:visited { box-shadow: none !important;cursor:pointer;text-decoration:none !important;border:1px solid #3498db; border-radius: 4px; color:#3498db; line-height: 23px;padding:0px 10px; display: inline-block; font-weight: 600; font-size:12px;vertical-align: top; outline:none !important;}
  2121. .rs-dash-invers-button-gray { border-color:#b3b3b3; color:#b3b3b3; background:#fff; background:rgba(255,255,255,0.4);}
  2122. .rs-dash-invers-button:hover { background:#3498db; color:#fff;}
  2123. .rs-dash-invers-button-gray:hover { background:#b3b3b3; color:#fff;}
  2124. .rs-dash-button-small { background:#3498db;color:#fff; border:none !important;}
  2125. .rs-dash-button-gray { background:#dddddd; cursor: default}
  2126. .rs-dash-button-small:hover,
  2127. .rs-dash-button-small:visited,
  2128. .rs-dash-button-small:focus,
  2129. .rs-dash-button:hover,
  2130. .rs-dash-button:visited,
  2131. .rs-dash-button:focus { color:#fff; outline:none !important;box-shadow: none !important;}
  2132. .rs-dash-button-small:hover,
  2133. .rs-dash-button:hover { background: #2c8ac8}
  2134. .rs-dash-button-gray:hover,
  2135. .rs-dash-button-gray:visited,
  2136. .rs-dash-button-gray:focus { color:#fff; background:#ddd; outline:none !important; box-shadow: none !important}
  2137. /* DASHOBARD CONTENT WITH ICON */
  2138. .rs-dash-content-with-icon { display:inline-block;}
  2139. .rs-dash-icon { width:40px;height:35px; display:inline-block; background-repeat: no-repeat;; background-position: left center; vertical-align: top; }
  2140. .rs-dash-copy { background-image:url(../images/dash-copy.png); height:36px;}
  2141. .rs-dash-buket { background-image:url(../images/dash-buket.png); height:32px;}
  2142. .rs-dash-diamond { background-image:url(../images/dash-diamond.png); height:28px;}
  2143. .rs-dash-download { background-image:url(../images/dash-download.png);height:32px;}
  2144. .rs-dash-gift { background-image:url(../images/dash-gift.png);height:34px;}
  2145. .rs-dash-light { background-image:url(../images/dash-light.png); height:38px;}
  2146. .rs-dash-plugin { background-image:url(../images/dash-plugin.png); height:26px;}
  2147. .rs-dash-smile { background-image:url(../images/dash-smile.png); height:30px;}
  2148. .rs-dash-speaker { background-image:url(../images/dash-speaker.png); height:20px;margin-top:4px;}
  2149. .rs-dash-ticket { background-image:url(../images/dash-ticket.png);height:30px;}
  2150. .rs-dash-refresh { background-image:url(../images/dash-refresh.png);height:31px;}
  2151. .rs-dash-credit { background-image:url(../images/dash-credit.png);height:20px;}
  2152. .rs-dash-notregistered { background-image:url(../images/dash-notregistered.png);height:27px; margin-top:4px;}
  2153. /* DASHBOARD OK/CANCEL */
  2154. .rs-dash-widget .revredicon.eg-icon-cancel,
  2155. .rs-dash-widget .revgreenicon.eg-icon-ok { background:#27ae60; color:#fff; width:20px;height:20px; border-radius: 4px; text-align: center;line-height: 20px; display: inline-block;vertical-align: middle;}
  2156. .rs-dash-widget .revredicon.eg-icon-cancel { background:#e74c3c;}
  2157. .rs-dash-widget .revgreenicon.eg-icon-ok:before,
  2158. .rs-dash-widget .revredicon.eg-icon-cancel:before { margin:0; color:#fff !important; font-size:12px; line-height: 20px; vertical-align: top}
  2159. .icon-update-refresh,
  2160. .icon-not-registered,
  2161. .icon-no-problem-found,
  2162. .icon-problem-found { margin-right:10px; display:inline-block; line-height:20px;width:20px;height:20px; background-position: center center; vertical-align: middle; background-repeat: no-repeat;}
  2163. .icon-update-refresh { background-image:url(../images/icon-update-refresh.png); margin-top:-2px;}
  2164. .icon-problem-found { background-image:url(../images/icon-problem-found.png); }
  2165. .icon-no-problem-found { background-image:url(../images/icon-no-problem-found.png); width:14px;height:14px; margin-top:-2px;}
  2166. .icon-not-registered { background-image:url(../images/icon-not-registered.png); width:16px;height:16px; margin-top:-2px;}
  2167. /* DASHBOARD INFO PANEL TRIGGER */
  2168. .rs-dash-more-info { display: inline-block; cursor: pointer;vertical-align: top}
  2169. .rs-dash-more-info .eg-icon-info:before { border-radius:4px; border:1px solid #bebebe; color:#bebebe; line-height:23px; width:23px;text-align: center;vertical-align: top}
  2170. .rs-dash-more-info:hover .eg-icon-info:before { background:#bebebe; color:#fff;}
  2171. /* SPECIAL WIDGET SETTINGS */
  2172. .newsletter-bg { position:absolute; top:31px;right:15px; background:url(../images/newsletter-figure.png); width:206px;height:90px;}
  2173. .templatestore-bg { position:absolute; top:-75px;right:-140px; background:url(../images/dash-template-bg.jpg); width:343px;height:464px;z-index:0;}
  2174. .rs-dash-widget-default-view-wrap { position: relative;}
  2175. .rs-dash-widget-extra-view-wrap { position: absolute;top:64px;left:0px;display:none;}
  2176. .rs-required-to-dl { position:absolute; bottom:10px; right:10px; text-align:center; z-index:2; background-color:#2A96F3; color:#FFF; padding: 0 10px; line-height: 35px; font-size:14px; font-weight:700;}
  2177. /* SOME FIXES */
  2178. #viewWrapper #slide-main-image-settings-content label {
  2179. margin-bottom:5px;
  2180. }
  2181. /*********************************
  2182. - NEW DIALOG MANAGEMENT -
  2183. *********************************/
  2184. .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.tp-slider-new-dialog-title
  2185. { background: #34495e !important;
  2186. line-height: 55px !important;
  2187. font-size: 16px !important;
  2188. color: #fff !important;
  2189. display: block !important;
  2190. height: 55px !important;
  2191. font-weight: 400 !important;
  2192. }
  2193. .tp-slider-new-dialog-title .ui-button.ui-widget.ui-dialog-titlebar-close {
  2194. width:55px !important; height:55px !important; font-size:30px !important;
  2195. }
  2196. .tp-slider-new-dialog-title .ui-button.ui-widget.ui-dialog-titlebar-close:before {
  2197. width:55px !important; height:55px !important; font-size:30px !important; color:#fff;
  2198. }
  2199. .tp-slider-new-dialog-title .ui-button.ui-widget.ui-dialog-titlebar-close:hover:before {
  2200. color:#fff;
  2201. }
  2202. .rs-open-premium-benefits-dialog-container.ui-dialog { z-index:1000105 !important; }
  2203. .fullscreen-dialog-window { position: fixed !important; top:0px !important;left:0px !important; width:100% !important;height:100% !important;
  2204. transition: transform 0.5s;
  2205. transform: translate3d(0px,0,0);
  2206. left:100% !important;
  2207. }
  2208. .fullscreen-dialog-window .ui-widget-header {
  2209. transition: transform 0.4s 0.25s;
  2210. transform: translate3d(350px,0,0)
  2211. }
  2212. .fullscreen-dialog-window #addobj-dialog-header {
  2213. transition: transform 0.4s 0.25s;
  2214. transform: translate3d(450px,0,0)
  2215. }
  2216. .fullscreen-dialog-window #object_library_results {
  2217. transition: transform 0.4s 0.25s;
  2218. transform: translate3d(550px,0,0)
  2219. }
  2220. .fullscreen-dialog-window.show .ui-widget-header,
  2221. .fullscreen-dialog-window.show #addobj-dialog-header,
  2222. .fullscreen-dialog-window.show #object_library_results { transform: translate3d(0px,0,0)}
  2223. .fullscreen-dialog-window.show {
  2224. transform: translate3d(-100%,0,0);
  2225. }
  2226. .objectlibrary_dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.tp-slider-new-dialog-title {
  2227. background: #222 !important;
  2228. line-height:80px !important;
  2229. height:80px !important;
  2230. font-size: 25px !important;
  2231. font-weight: 400 !important;
  2232. padding:0px 30px !important;
  2233. }
  2234. .objectlibrary_dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.tp-slider-new-dialog-title .revlogo-mini {
  2235. height:80px; vertical-align: top;
  2236. }
  2237. .objectlibrary_dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.tp-slider-new-dialog-title .ui-button.ui-widget.ui-dialog-titlebar-close:before {
  2238. font-size: 40px !important;
  2239. }
  2240. .objectlibrary_dialog .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.tp-slider-new-dialog-title .ui-button.ui-widget.ui-dialog-titlebar-close {
  2241. height:80px !important;
  2242. width:80px !important;
  2243. }
  2244. /*********** IMPORTSLIDER STYLE **************/
  2245. #tp_import_sliders { border-radius:0px; background:#fff; box-shadow: none; outline: none; border: none; }
  2246. #tp_import_sliders_title { display: none !important;}
  2247. #dialog_import_template_slider_info { padding-bottom:40px;}
  2248. #install-slider-counter-wrapper { width: 230px;height:5px;background: #e5e5e5; position: relative; margin-top: 45px; margin-left: 100px; display:block;}
  2249. #install-slider-counter { width:0%; position:absolute;left:0px;top:0px;height:5px; background:#d50000;}
  2250. #nowinstalling_label { font-size: 13px; text-transform: uppercase; color:#888; margin:25px auto 5px; font-weight: 400; line-height: 15px; display: block; text-align: center}
  2251. .revslider_logo_rotating { width:120px;height:120px; display:block; background:#d50000; border-radius: 15px; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.25); margin:60px auto 0px; position: relative}
  2252. #import_dialog_box_action,
  2253. #import_dialog_box { text-align: center; font-weight: 300; color:#888; font-size: 12px}
  2254. .import_failure { font-weight: 600; color:#888; font-size: 12px; color:#d50000;}
  2255. .revslidercycle {
  2256. position: absolute;
  2257. background: url(../images/cycle.png);
  2258. background-position: center center;
  2259. background-repeat: no-repeat;
  2260. height: 100px;
  2261. width: 100px;
  2262. top: 10px;
  2263. left: 10px;
  2264. -webkit-animation: cyclerotate 1.5s linear infinite;
  2265. animation: cyclerotate 1.5s linear infinite;
  2266. }
  2267. @-webkit-keyframes cyclerotate {
  2268. 100% { -webkit-transform: rotate(360deg); }
  2269. }
  2270. @keyframes cyclerotate {
  2271. 100% { transform: rotate(360deg); }
  2272. }
  2273. /*************** RTL BASED SETTINGS ********************/
  2274. .rtl #viewWrapper .title_line #icon-options-general { float:right;}
  2275. .rtl .float_left { float:right;}
  2276. .rtl .float_right { float:left;}
  2277. .rtl .wrap .title_line .view_title { float:right;}
  2278. .rtl .slider-sortandfilter { float:left;}
  2279. .rtl #rs-validation-wrapper .validation-label { float:right;}
  2280. .rtl #rs-validation-wrapper .validation-input { float:right;}
  2281. .rtl #eg-newsletter-wrapper { padding:15px 80px 15px 15px; background-position:right 75px top 10px;}
  2282. .rtl .valid_big_border { left:auto !important;right:0px;}
  2283. .rtl .valid_big_padding { padding:15px 80px 15px 15px !important;}
  2284. .rtl .valid_big_padding_2 { padding:25px 80px 15px 15px !important;}
  2285. .rtl .rtlmargintop105 { margin-top:105px !important;}
  2286. .rtl .settings_panel_right { padding-right:20px; padding-left:0px;}
  2287. .rtl #form_toolbar { right:auto !important; left:100% !important; margin-right:0px !important;margin-left:-20px !important;}
  2288. .rtl .main-options-small-tabs li:first-child { margin-left:15px !important;}
  2289. .rtl #form_slider_params_wrap .label, .rtl .rev-new-label { text-align: right;}
  2290. .rtl .rs-breadcrumbs-wrapper { float:right;}
  2291. .rtl .breadcrumb-button { float:right;}
  2292. .rtl #viewWrapper .rs-mini-toolbar { right:auto; left:0px;}
  2293. .rtl .rs-rp-accordion-icon { float:right;}
  2294. .rtl #viewWrapper .rs-mini-toolbar .rs-mini-toolbar-button { margin-left:0px; margin-right:-4px;}
  2295. .rtl #add-new-layer-container-wrapper { min-width:200px; position:absolute; left:auto;right:0px !important;}
  2296. .rtl #tp-thelistoffonts>ul,
  2297. .rtl #tp-thelistofclasses>ul { right:50px !important; left:auto !important;}
  2298. .rtl #tp-thelistoffonts .ui-menu-item { text-align: left !important}
  2299. .rtl #tp-thelistofclasses .ui-autocomplete li,
  2300. .rtl #tp-thelistoffonts .ui-autocomplete li { text-align:left !important;}
  2301. .rtl #css_fonts_down, .rtl #layer_captions_down { margin-left:0px;}
  2302. .rtl #eg-toolbox-wrapper { right:auto !important; left:15px !important;}
  2303. .rtl .fullscreen-dialog-window { transform: translate3d(100%,0,0);}
  2304. .rtl .fullscreen-dialog-window.show {
  2305. transform: translate3d(0%,0,0);
  2306. }