admin.css 68 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862
  1. /**
  2. * Developer's Notice:
  3. *
  4. * Note: CSS in this file (and this file itself) is not guaranteed backwards compatibility. Rules can be added, changed or removed at any time without notice.
  5. * For more information see the `Backwards Compatibility Guidelines for Developers` section of the README.md file.
  6. **/
  7. /** Generic MonsterInsights Styles **/
  8. /** Font from FortAwesome project. */
  9. @font-face{font-family: 'Misettings';src: url('../fonts/icons.eot');src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'), url('../fonts/icons.woff2') format('woff2'),url('../fonts/icons.woff') format('woff'),url('../fonts/icons.ttf') format('truetype'),url('../fonts/icons.otf') format('opentype');font-weight: 400;font-style: normal;}
  10. /** Hide other plugin's error messages on our pages */
  11. body.monsterinsights_page div.wrap > div.error,body.monsterinsights_page div.wrap > div.notice,body.monsterinsights_page div.wrap > div.updated{margin-left:20px;margin-right:20px}
  12. body.monsterinsights_page .update-nag{margin-left:20px;margin-bottom:20px}
  13. /** Sizes/Layout **/
  14. body.monsterinsights_page #wpcontent{padding-left:0}
  15. body.monsterinsights_page div.wrap{margin:0 20px}
  16. body.monsterinsights_page #wpbody,body.monsterinsights_page #wpfooter,body.monsterinsights_page, body.monsterinsights_page #wpwrap{background-color:#fff}
  17. @media (max-width: 599px) {
  18. body.monsterinsights_page #wpbody {padding-top: 0;}
  19. }
  20. .monsterinsights-grid{margin:0 0 50px}
  21. .monsterinsights-grid:after{content:"";display:table;clear:both}
  22. .monsterinsights-col-1-1{width:100%}
  23. .monsterinsights-col-7-8{width:87.5%}
  24. .monsterinsights-col-3-4{width:75%}
  25. .monsterinsights-col-2-3{width:66.66%}
  26. .monsterinsights-col-1-2{width:50%}
  27. .monsterinsights-col-1-3{width:33.33%}
  28. .monsterinsights-col-1-4{width:25%}
  29. .monsterinsights-col-1-8{width:12.5%}
  30. [class*="monsterinsights-col-"]{float:left;padding-right:20px;box-sizing:border-box}
  31. .monsterinsights-grid [class*="monsterinsights-col-"]:last-of-type{padding-right:0}
  32. /** Special Classes */
  33. .monsterinsights-hideme{display:none;visibility: hidden;}
  34. .monsterinsights-no-text-decoration{text-decoration:none}
  35. .monsterinsights-required-indicator{color: #b94a48;display: inline;}
  36. .monsterinsights-mega-blur {display:block; -webkit-filter: blur(20px); -moz-filter: blur(15px);-o-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);opacity: 0.95;}
  37. /** Clearfixes */
  38. .monsterinsights-clear{clear:both}
  39. .monsterinsights-clear:after{clear:both;content:'.';display:block;height:0;line-height:0;overflow:auto;visibility:hidden;zoom:1}
  40. .monsterinsights-clearfix{content:"";display:table;clear:both}
  41. .monsterinsights-clearfix-after:after{content:"";display:table;clear:both}
  42. /* Tooltips */
  43. .monsterinsights-help-tip{cursor:help}
  44. .monsterinsights-ui-tooltip{background:#eceff6 !important;border-width:1px!important;border-radius:3px!important;box-shadow:1px 1px 2px 1px rgba(214,214,214,0.5)!important;color:#000 !important;max-width:300px!important;padding:7px!important;text-rendering:optimizeLegibility;text-shadow:none!important;z-index:9999!important}
  45. /** Buttons */
  46. body.monsterinsights_page .button{-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;padding:0 16px 1px;height:33px;line-height:30px;text-decoration:none;text-shadow:none;font-weight:600;-webkit-box-shadow:none;box-shadow:none}
  47. body.monsterinsights_page .button.button-small{padding:0 8px 1px;line-height:22px;height:24px}
  48. body.monsterinsights_page .button.button-x-large{padding:0 32px 1px;line-height:48px;height:50px;font-size:18px;text-transform:uppercase}
  49. body.monsterinsights_page .button.show-settings{height:auto}
  50. body.monsterinsights_page .button.button-primary{background:#47c1a5;border-color:#3ca489;-webkit-box-shadow:none;box-shadow:none;color:#fff;border:1px solid #3ca489;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#47c1a5}
  51. body.monsterinsights_page .button.button-primary:hover{background:#3ba389;border-color:#3ba389;color:#fff}
  52. body.monsterinsights_page .button.button-action{background:#479be7;border-color:#4182bf;-webkit-box-shadow:none;box-shadow:none;color:#fff;border:1px solid #4182bf;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#479be7}
  53. body.monsterinsights_page .button.button-action:hover{background:#4183bf;border-color:#4183bf;color:#fff}
  54. body.monsterinsights_page .button.button-danger{background:#fff;border-color:#e3e9ed;-webkit-box-shadow:none;box-shadow:none;color:#000;border:1px solid #e3e9ed;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff}
  55. body.monsterinsights_page .button.button-danger:hover{background:#e3e9ed;border-color:#e3e9ed;color:#000}
  56. @media (min-width: 600px) and (max-width: 767px) {
  57. body.monsterinsights_page .button{margin-top:10px}
  58. }
  59. body.monsterinsights_page .monsterinsights-action-button{align-items:flex-start;background-color:#eee;background-image:linear-gradient(#fcfcfc,#eee);border-image-outset:0;border-image-repeat:stretch;border-image-slice:100%;border-image-source:none;border-image-width:1;box-sizing:border-box;color:#333;cursor:pointer;display:block;float:left;font-family:Helvetica,arial,nimbussansl,liberationsans,freesans,clean,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";font-size:13px;font-stretch:normal;font-style:normal;font-variant-caps:normal;font-variant-ligatures:normal;font-variant-numeric:normal;font-weight:700;height:33.6px;letter-spacing:normal;line-height:20px;overflow-x:visible;overflow-y:visible;position:relative;text-align:center;text-indent:0;text-rendering:auto;text-shadow:none;text-size-adjust:100%;text-transform:none;user-select:none;vertical-align:middle;white-space:nowrap;word-spacing:0;writing-mode:horizontal-tb;-webkit-appearance:none;-webkit-border-image:none;border-color:#d5d5d5;border-radius:3px;border-style:solid;border-width:.8px;margin:0;padding:6px 12px}
  60. /** Clipboard & Code */
  61. div.monsterinsights-code{position:relative;margin:0 0 10px}
  62. div.monsterinsights-code:after{content:"";display:table;clear:both}
  63. div.monsterinsights-code code{display:block;font-size:11px;padding:5px 20px 5px 5px}
  64. a.monsterinsights-clipboard{position:absolute;top:5px;right:5px;color:#23282d;width:33px;padding:0}
  65. a.monsterinsights-clipboard span{display:block;text-indent:-9999px}
  66. /* Page Header */
  67. /* Banner + Background */
  68. #monsterinsights-header-temp{position:relative;margin:0}
  69. #monsterinsights-header{background-color:#f3f5ff;background-image:url(images/waves.png);background-repeat:no-repeat;margin:0;height:119px}
  70. @media only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 21),only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2) {
  71. #monsterinsights-header{background-image:url(images/waves@x2.png);background-size:1356px 119px}
  72. }
  73. /* Title + Mascot */
  74. .monsterinsights-header-title{padding-top:50px;padding-left:20px;margin:0}
  75. .monsterinsights-header-mascot{float:right;position:absolute;top:0;right:0;margin-top:10px;margin-right:20px;z-index:100}
  76. /* Media Queries */
  77. @media (max-width: 610px) {
  78. .monsterinsights-header-mascot{display:none}
  79. .monsterinsights-header-title{padding-top:70px}
  80. #monsterinsights-addon-heading form{margin-right:0}
  81. }
  82. /* Messages */
  83. /* Generic */
  84. .monsterinsights-notice{border:1px solid;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;box-sizing:border-box;display:table; width: 100%; margin: 10px 0px;}
  85. .monsterinsights-notice:after{content:"";display:table;clear:both}
  86. .monsterinsights-notice-icon{padding:20px;box-sizing:border-box;width:60px;color:#fff;font-family:"Misettings";font-size:18px;-moz-border-radius: 0;-webkit-border-radius:0;border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:table-cell;vertical-align: middle;text-align: center;}
  87. .monsterinsights-notice-text{color:#434751;font-size:16px;font-weight:700;padding: 20px;box-sizing:border-box;word-wrap:break-word;display:table-cell;position: relative;vertical-align: middle;}
  88. body.monsterinsights_page div.wrap > div.error,body.monsterinsights_page div.wrap > div.notice,body.monsterinsights_page div.wrap > div.updated{margin-left:0;margin-right:0}
  89. .monsterinsights-notice .button { margin: 0px 0px 1em 0px }
  90. .monsterinsights-notice-message{margin:0px;}
  91. /* Alert */
  92. .monsterinsights-alert-notice-icon{background-color:#fdbf2f;}
  93. .monsterinsights-alert-notice-icon:before{content: '\f017';}
  94. .monsterinsights-alert-notice{border-color:#fdbf2f;background-color:rgba(253,192,47,0.1)}
  95. /* Error */
  96. .monsterinsights-error-notice-icon{background-color:#df4228;}
  97. .monsterinsights-error-notice-icon:before{content: '\f014';}
  98. .monsterinsights-error-notice{border-color:#df4228;background-color:rgba(224,66,40,0.1)}
  99. /* Info */
  100. .monsterinsights-info-notice-icon{background-color:#479be7;}
  101. .monsterinsights-info-notice-icon:before{content: '\f016';}
  102. .monsterinsights-info-notice{border-color:#479be7;background-color:rgba(72,155,232,0.1)}
  103. /* Success */
  104. .monsterinsights-success-notice-icon{background-color:#47c1a5;}
  105. .monsterinsights-success-notice-icon:before{content: '\f015';}
  106. .monsterinsights-success-notice{border-color:#47c1a5;background-color:rgba(71,194,165,0.1)}
  107. /* Dismiss Notice */
  108. .monsterinsights-notice p.monsterinsights-intro{border:none!important;margin:0 0 20px!important;padding:0!important}
  109. .monsterinsights-notice .notice-dismiss{top:10px;right:10px;color:#000}
  110. .monsterinsights-notice .notice-dismiss:before{color:#000;width:26px;height:26px;font-size:22px}
  111. /** Other */
  112. /** MonsterInsights Icons **/
  113. /** Generic Icons Styles **/
  114. [class*='monstericon-']:before{display:inline-block;font-family:'Misettings';font-style:normal;font-weight:400;line-height:50px;padding-right:12px;padding-left:5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-size: 20px}
  115. [class*='monstericon-'].monsterinsights-active:before{color:#479be7}
  116. [class*='monstericon-']:active:before{color:#479be7}
  117. [class*='monstericon-']:hover:before{color:#479be7}
  118. /** Defined Icons **/
  119. .monstericon-ads:before{content:'\0041'}
  120. .monstericon-eucompliance:before{content:'\004f'}
  121. .monstericon-affiliates:before{content:'\0042'}
  122. .monstericon-compatibility:before{content:'\0043'}
  123. .monstericon-demographics:before{content:'\0044'}
  124. .monstericon-dimensions:before{content:'\0045'}
  125. .monstericon-files:before{content:'\0046'}
  126. .monstericon-ecommerce:before{content:'\0047'}
  127. .monstericon-engagement:before{content:'\0048'}
  128. .monstericon-forms:before{content:'\0049'}
  129. .monstericon-links:before{content:'\004a'}
  130. .monstericon-memberships:before{content:'\004b'}
  131. .monstericon-notifications:before{content:'\004c'}
  132. .monstericon-performance:before{content:'\004d'}
  133. .monstericon-permissions:before{content:'\004e'}
  134. .monstericon-reporting:before{content:'\004f'}
  135. .monstericon-social:before{content:'\0050'}
  136. .monstericon-media:before{content:'\0051'}
  137. .monstericon-amp:before{content:'\f000'}
  138. .monstericon-goptimize:before{content:'\f002'}
  139. .monstericon-fbia:before{content:'\f001'}
  140. .monstericon-bounce:before{content:'\0051'} /* Todo: Update with icons from Jonathon */
  141. .monsterinsights-upgrade-menu-icon{float:right;color:#7f8591;font-size:10px;font-weight:700;text-transform:uppercase;line-height:1;display:inline-block;padding:6px 12px;background-color:#fff;border-radius:3px;margin-right:18px;margin-top:15px}
  142. .monsterinsights-main-nav-item.monsterinsights-active .monsterinsights-upgrade-menu-icon,.monsterinsights-main-nav-item:hover .monsterinsights-upgrade-menu-icon{background-color:#f7f8fa}
  143. /* Icon Media Queries **/
  144. @media only screen and (max-width: 767px) {
  145. [class*='monstericon-']:before{ display: none !important;content: '';}
  146. span.monsterinsights-upgrade-menu-icon{display:none}
  147. }
  148. /** Navigation Styles **/
  149. /** Nav Container **/
  150. /** Generic **/
  151. .monsterinsights-nav-container{border:0;background-color:#615d9b;margin:0;display:table;width:100%}
  152. h1.monsterinsights-nav-container { padding: 0px;}
  153. /** Main Nav Container **/
  154. .monsterinsights-main-nav-container{ height:50px;}
  155. /** Sub Nav Container **/
  156. .monsterinsights-sub-nav-container{display:table-cell;float:none;vertical-align:top;background-color:#f7f8fa;float:left;width:290px;margin:0;padding:0;border-left:1px solid #e4e9ee;border-top:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee;border-right:1px solid #e4e9ee;border-collapse:collapse;border-top-left-radius:3px;border-bottom-left-radius:3px}
  157. /** Nav Item **/
  158. /** Generic **/
  159. .monsterinsights-nav-item{border:none;float:left;text-decoration: none;}
  160. .monsterinsights-nav-item:focus,.monsterinsights-nav-item:active{box-shadow: none;}
  161. /** Main Nav Item **/
  162. .monsterinsights-main-nav-item{background-color:#615d9b;color:#d8d7e4;background:none;line-height:50px;font-size:13px;padding:0 15px;margin:0;width:100px;text-align:center}
  163. .monsterinsights-main-nav-item.monsterinsights-spacing-item{width:5px;padding-left: 0;}
  164. .monsterinsights-main-nav-item.monsterinsights-active{color:#434751;opacity:1;background-color:#fff}
  165. #monsterinsights-settings-page-main-nav .monsterinsights-main-nav-item:hover:not(.monsterinsights-active),#monsterinsights-settings-page-main-nav .monsterinsights-main-nav-item:active:not(.monsterinsights-active){color:#fff;opacity:1}
  166. .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:not(.monsterinsights-active) + a.monsterinsights-main-nav-item:not(.monsterinsights-active) {border-left: 1px solid #8c8ab5;}
  167. .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:last-child:not(.monsterinsights-active) {border-right: 1px solid #8c8ab5;}
  168. .monsterinsights-main-nav-item.monsterinsights-active{border:0 !important}
  169. #monsterinsights-settings-page-main-nav .monsterinsights-main-nav-item:focus:not(.monsterinsights-active):not(.monsterinsights-spacing-item){color:#fff;}
  170. /** Sub Nav Item **/
  171. .monsterinsights-sub-nav-item{font-size:13px;background-color:#f7f8fa;font-weight:500;line-height:50px;width:100%;margin:0;padding:5px 15px 5px 15px;text-decoration:none;color:#7f8591;border-bottom:1px solid #e4e9ee;border-right:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:none;box-shadow:none;-webkit-box-shadow:none;-webkit-transition:none;}
  172. .monsterinsights-sub-nav-item.monsterinsights-active,.monsterinsights-sub-nav-item:hover,.monsterinsights-sub-nav-item:active{border-right:1px solid #fff;background-color:#fff;color:#444851}
  173. /** Nav Tab Container **/
  174. /** Generic **/
  175. .monsterinsights-sub-nav-area { display: flex;} /* Holds Sub nav menu and tabs */
  176. .monsterinsights-nav-tabs{}
  177. /** Main Nav Tab Container **/
  178. .monsterinsights-main-nav-tabs{}
  179. /** Sub Nav Tab Container **/
  180. .monsterinsights-sub-nav-tabs{float:left;display:table-cell;float:none;vertical-align:top;background-color:#f7f8fa;border-top:1px solid #e4e9ee;border-right:1px solid #e4e9ee;border-bottom:1px solid #e4e9ee;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:none;box-shadow:none;-webkit-box-shadow:none;-webkit-transition:none;border-top-right-radius:3px;border-bottom-right-radius:3px;width:100%;}
  181. /** Nav Tab **/
  182. /** Generic **/
  183. .monsterinsights-nav-tab{display:none;}
  184. .monsterinsights-nav-tab.monsterinsights-active{display:block}
  185. .monsterinsights-nav-tab .description{color:#7f8592;font-size:13px;margin-top:10px}
  186. /** Main Nav Tab **/
  187. .monsterinsights-main-nav-tab{}
  188. .monsterinsights-main-nav-tab .form-table tr{border-bottom:1px solid #ddd}
  189. .monsterinsights-main-nav-tab .form-table tr.no-bottom-border{border-bottom:0}
  190. /** Sub Nav Tab **/
  191. .monsterinsights-sub-nav-tab{margin:15px 0 20px;}
  192. .monsterinsights-sub-nav-tab .form-table tr{border-bottom:1px solid #ddd}
  193. .monsterinsights-sub-nav-tab .form-table tr.no-bottom-border{border-bottom:0}
  194. /** Nav Media Queries **/
  195. .monsterinsights-main-nav-tabs .form-table th,.monsterinsights-main-nav-tabs .form-table td {padding-top: 40px;padding-bottom: 40px;}
  196. .monsterinsights-sub-nav-tabs .form-table th,.monsterinsights-sub-nav-tabs .form-table td { padding-top: 40px;}
  197. @media (min-width: 768px) and (max-width: 991px) {
  198. .monsterinsights-main-nav-tabs .form-table th,.monsterinsights-sub-nav-tabs .form-table th{padding-top:40px;padding-right:0!important}
  199. .monsterinsights-main-nav-tabs .form-table td,.monsterinsights-sub-nav-tabs .form-table td{padding-right:0}
  200. }
  201. @media (min-width: 600px) and (max-width: 767px) {
  202. .monsterinsights-main-nav-tabs .form-table th, .monsterinsights-sub-nav-tabs .form-table th{padding-top:40px;padding-bottom:10px;padding-right:0!important}
  203. .monsterinsights-main-nav-tabs .form-table td,.monsterinsights-sub-nav-tabs .form-table td{padding-top:0;padding-right:0}
  204. }
  205. @media only screen and (max-width: 610px) {
  206. .monsterinsights-main-nav-tabs .form-table th, .monsterinsights-sub-nav-tabs .form-table th{padding-top:20px;padding-bottom:10px;padding-right:0px}
  207. .monsterinsights-main-nav-tabs .form-table td,.monsterinsights-sub-nav-tabs .form-table td{padding-top:0;padding-bottom:20px;padding-right:0px}
  208. .monsterinsights-main-nav-item{width:auto}
  209. .monsterinsights-main-nav-item.monsterinsights-spacing-item{display:none}
  210. h1.monsterinsights-nav-container { padding: 0px; min-width: 150px;}
  211. .monsterinsights-sub-nav-tabs th{width:auto}
  212. }
  213. @media only screen and (max-width: 767px) {
  214. .monsterinsights-sub-nav-container{width:100%}
  215. .monsterinsights-sub-nav-item{padding:0;text-align:center;width:100%!important;padding:0;text-align:center}
  216. .monsterinsights-sub-nav-tabs .form-table th,.monsterinsights-sub-nav-tabs .form-table td{padding:10px 0!important}
  217. h1.monsterinsights-nav-container { padding: 0px;}
  218. }
  219. /** Settings Page Styles **/
  220. /** Generic Settings Page Styles **/
  221. div#monsterinsights-settings-sub-pages{padding-left:20px;background-color:#FFF;padding-right:20px}
  222. #monsterinsights-settings-pages{padding:20px 0}
  223. .monsterinsights-main-nav-tabs label{margin-top:7px;display:block;color:#444851}
  224. .monsterinsights-sub-nav-tabs label{margin-top:7px;display:block}
  225. #monsterinsights-settings-pages #monsterinsights-settings-submit{margin:40px 0 0 0px}
  226. #monsterinsights-settings-pages #monsterinsights-refresh-submit{margin-left:10px;vertical-align:baseline;}
  227. input.monsterinsights-large-checkbox{zoom:1.5}
  228. #monsterinsights-settings-pages input[type="text"],#monsterinsights-settings-pages input[type="number"],#monsterinsights-settings-pages input[type="password"],#monsterinsights-settings-pages input[type=email], #monsterinsights-settings-pages select,#monsterinsights-settings-pages textarea{width:350px;padding-right:0;font-size:13px;border-width:2px;border-radius:3px;border-color:#e4e9ee;box-shadow:none}
  229. #monsterinsights-settings-pages input[type="text"],#monsterinsights-settings-pages input[type="number"],#monsterinsights-settings-pages input[type="password"],#monsterinsights-settings-pages input[type=email]{height:32px;}
  230. @media (max-width: 767px) {
  231. #monsterinsights-settings-pages input[type="text"],#monsterinsights-settings-pages input[type="number"],#monsterinsights-settings-pages input[type="password"], #monsterinsights-settings-pages input[type=email], #monsterinsights-settings-pages select,#monsterinsights-settings-pages textarea{width:90%!important}
  232. #monsterinsights-settings-pages input[type="text"],#monsterinsights-settings-pages input[type="number"],#monsterinsights-settings-pages input[type="password"], #monsterinsights-settings-pages input[type=email]{height:auto;}
  233. }
  234. /** General Tab Styles **/
  235. /** License Key Styles */
  236. @media (min-width: 768px) and (max-width: 991px) {
  237. tr#monsterinsights-settings-key-box th{padding-top:20px}
  238. }
  239. @media (min-width: 600px) and (max-width: 767px) {
  240. tr#monsterinsights-settings-key-box th{padding-top:20px}
  241. }
  242. /** Tracking Tab Styles **/
  243. /** Upgrade CSS */
  244. .monsterinsights-upsell-under-box{background-color:#f6fbff;border:1px solid #d6ecff;border-radius:3px;padding:10px 20px;margin-top:30px;}
  245. .monsterinsights-upsell-box{background-color:#f6fbff;border:1px solid #d6ecff;border-radius:3px;padding:10px 20px}
  246. a.monsterinsights-upsell-box-button.button.button-primary{margin-top:20px}
  247. .monsterinsights-no-settings-shown td{ padding: 5px 0px 0px 0px !important}
  248. .monsterinsights-no-settings-shown tr{ border:none !important}
  249. #monsterinsights-settings-pages p.monsterinsights-upsell-button-par{margin-bottom: 1em}
  250. .monsterinsights-upsell-lite-text{font-size: 14px; margin-bottom:2px;}
  251. /** Status Tab Styles **/
  252. /** Support Tab Styles **/
  253. /** Settings Page Media Queries **/
  254. /** Reports Page Styles **/
  255. /** Page styles **/
  256. body.monsterinsights-reporting-page #wpbody, body.monsterinsights-reporting-page #wpfooter, body.monsterinsights-reporting-page #wpcontent, body.monsterinsights-reporting-page #wpwrap{ background-color: #f3f6ff;}
  257. @media screen and (max-width: 772px) {
  258. body.monsterinsights-reporting-page a.monsterinsights-main-nav-item.monsterinsights-nav-item, body.monsterinsights-reporting-page .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:not(.monsterinsights-active) + a.monsterinsights-main-nav-item:not(.monsterinsights-active) { width:100%; margin:0px;border-bottom: 2px solid #fff;}
  259. body.monsterinsights-reporting-page .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:last-child:not(.monsterinsights-active) {border-bottom: 2px solid #fff;}
  260. body.monsterinsights-reporting-page .monsterinsights-main-nav-item:hover:not(.monsterinsights-active):not(.monsterinsights-spacing-item), .monsterinsights-main-nav-item:active:not(.monsterinsights-active):not(.monsterinsights-spacing-item), body.monsterinsights-reporting-page .monsterinsights-main-nav-item.monsterinsights-active{ border:none !important;}
  261. }
  262. /* Action bar styles */
  263. .monsterinsights-reports-action-bar-title{font-size:24px;font-weight:700;float:left}
  264. .monsterinsights-reports-action-bar{margin-bottom:40px;margin-top:40px}
  265. .monsterinsights-reports-action-bar-actions{float:right}
  266. /** Nav bar styles */
  267. body.monsterinsights-reporting-page .monsterinsights-nav-container {background-color: #FFF;}
  268. body.monsterinsights-reporting-page .monsterinsights-main-nav-item {background-color: #FFF; padding:0px;margin:0px 20px 0px 20px;width: auto;color:#7f8388;font-size: 14px;font-weight: 600;}
  269. body.monsterinsights-reporting-page .monsterinsights-main-nav-item.monsterinsights-active {border-bottom: 2px solid #489be8 !important;color:#489be8;}
  270. body.monsterinsights-reporting-page .monsterinsights-main-nav-item.monsterinsights-spacing-item{width:20px;}
  271. body.monsterinsights-reporting-page .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:not(.monsterinsights-active) + a.monsterinsights-main-nav-item:not(.monsterinsights-active) {border:none;}
  272. body.monsterinsights-reporting-page .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:last-child:not(.monsterinsights-active){border:none;}
  273. body.monsterinsights-reporting-page .monsterinsights-main-nav-item:hover:not(.monsterinsights-active):not(.monsterinsights-spacing-item), body.monsterinsights-reporting-page .monsterinsights-main-nav-item:active:not(.monsterinsights-active):not(.monsterinsights-spacing-item) {border-bottom: 2px solid #489be8 !important;color:#489be8;}
  274. body.monsterinsights-reporting-page .monsterinsights-main-nav-item:hover:not(.monsterinsights-active):not(.monsterinsights-spacing-item), body.monsterinsights-reporting-page .monsterinsights-main-nav-item:active:not(.monsterinsights-active):not(.monsterinsights-spacing-item) {border-bottom: 2px solid #489be8 !important;color:#489be8;}
  275. /** Container Styles */
  276. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .container-fluid {padding:0px;}
  277. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .panel{background-color: #FFF;border: 1px solid #d4e2ef;box-shadow:none;padding:0px;margin:0px;}
  278. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .row {
  279. margin-top: 15px;
  280. }
  281. @media screen and (min-width: 782px) {
  282. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .row:last-of-type {
  283. margin: 15px 0px 20px;
  284. }
  285. }
  286. /** Tooltip styles */
  287. body.monsterinsights-reporting-page .monsterinsights-reports-uright-tooltip{ float:right;position: absolute;top: 15px;right: 7px; width:auto;box-sizing:border-box;width:25px;color:#fff;font-family:"Misettings";font-size:18px;-moz-border-radius:5px 0 0;-webkit-border-radius:5px 0 0;border-radius:5px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:table-cell;vertical-align: middle;text-align: left;}
  288. body.monsterinsights-reporting-page .monsterinsights-reports-uright-tooltip:before {content: '\f01a';color: #c1def8;}
  289. body.monsterinsights-reporting-page .monsterinsights-reports-uright-tooltip:active:before {color: #4c9ce4;}
  290. body.monsterinsights-reporting-page .monsterinsights-reports-uright-tooltip:hover:before {color: #4c9ce4;}
  291. body.monsterinsights-reporting-page .monsterinsights-reports-ui-tooltip{ z-index: 99999;background-color: #4c9ce4;border-radius: 4px;padding:15px;box-shadow: 0 0 24px rgba(89, 164, 234, 0.33);color: #fff;
  292. position: absolute; max-width: 226px !important}
  293. body.monsterinsights-reporting-page .monsterinsights-reports-ui-tooltip .monsterinsights-reports-tooltip-title { border-bottom: 1px solid #3583c8; padding-bottom: 10px; font-size: 14px;font-weight: 700;}
  294. body.monsterinsights-reporting-page .monsterinsights-reports-ui-tooltip .monsterinsights-reports-tooltip-content { font-size: 14px;font-weight: 400;line-height: 20px;padding-top: 10px}
  295. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-item .monsterinsights-reports-uright-tooltip {right:20px;}
  296. /** Upsell **/
  297. .monsterinsights-upsell-report-container{}
  298. .monsterinsights-upsell-report-publisher-bg{}
  299. .monsterinsights-upsell-report-ecommerce-bg{}
  300. .monsterinsights-upsell-report-dimensions-bg{}
  301. .monsterinsights-upsell-report-queries-bg{}
  302. .monsterinsights-upsell-card {
  303. margin-bottom: 100px;
  304. background-image: url(../images/upsell/chart.png);
  305. background-size: cover;
  306. background-position-y: bottom;
  307. border: 4px solid #489be8;
  308. position: relative;
  309. margin: .5rem 0 1rem 0;
  310. background-color: #fff;
  311. transition: box-shadow .25s;
  312. border-radius: 2px;
  313. }
  314. @media only screen and (min-width: 993px){
  315. .monsterinsights-upsell-card {
  316. z-index: 4;
  317. margin-top: 80px;
  318. }
  319. }
  320. @media only screen and (max-width: 992px){
  321. .monsterinsights-upgrade-mascot{ display: none; }
  322. }
  323. .monsterinsights-upgrade-mascot {
  324. position: absolute;
  325. margin-top: -110px;
  326. margin-left: calc(50% - 71px);
  327. z-index: 100;
  328. }
  329. .monsterinsights-upsell-card-card-content{
  330. padding: 24px;
  331. border-radius: 0 0 2px 2px;
  332. }
  333. .monsterinsights-upsell-card-title{
  334. font-weight: 700;
  335. text-align: center;
  336. display: block;
  337. line-height: 32px;
  338. margin-bottom: 8px;
  339. font-size: 24px;
  340. }
  341. .monsterinsights-upsell-card-subtitle{
  342. text-align: center;
  343. text-transform: uppercase;
  344. }
  345. .monsterinsights-upsell-card-action{
  346. position: relative;
  347. background-color: #ffffffac;
  348. text-align: center;
  349. border-top: 1px solid rgba(160,160,160,0.2);
  350. padding: 16px 24px
  351. }
  352. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .monsterinsights-upsell-card-action a.monsterinsights-upsell-card-button {
  353. background-color: #489be8;
  354. color: #FFF !important;
  355. text-decoration: none;
  356. padding: 0 3rem;
  357. position: relative;
  358. cursor: pointer;
  359. display: inline-block;
  360. overflow: hidden;
  361. -webkit-user-select: none;
  362. -moz-user-select: none;
  363. -ms-user-select: none;
  364. user-select: none;
  365. -webkit-tap-highlight-color: transparent;
  366. vertical-align: middle;
  367. z-index: 1;
  368. transition: .3s ease-out;
  369. background-color: #489be8;
  370. color: white;
  371. text-decoration: none;
  372. padding: 0 3rem;
  373. height: 54px;
  374. line-height: 54px;
  375. text-align: center;
  376. letter-spacing: .5px;
  377. border: none;
  378. border-radius: 2px;
  379. outline: 0;
  380. text-transform: uppercase;
  381. box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  382. text-decoration: none;
  383. }
  384. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .monsterinsights-upsell-card-action a.monsterinsights-upsell-card-button:hover {
  385. background-color: #6cbaf5;
  386. }
  387. .monsterinsights-upsell-container {
  388. margin: 0 auto;
  389. max-width: 1280px;
  390. width: 90%;
  391. }
  392. @media only screen and (min-width: 993px) {
  393. .monsterinsights-upsell-container {
  394. width: 70%;
  395. }
  396. }
  397. @media only screen and (min-width: 601px) {
  398. .monsterinsights-upsell-container {
  399. width: 85%;
  400. }
  401. }
  402. /** Overview Report Styles **/
  403. /** Tab styles */
  404. body.monsterinsights-reporting-page .monsterinsights-overview-report-overview-graph-panel{ border-top: 0px !important}
  405. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title {background-color: #eceff6;border-top-left-radius: 0px;border-top-right-radius: 4px;color: #23282d;font-size: 18px;font-weight: 700;}
  406. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title a:focus {outline:none;box-shadow: none}
  407. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title a{text-align: left !important;float: left;padding: 20px; width:100%;}
  408. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title:not(.active) {border-right:0px !important;border: 1px solid #d4e2ef;}
  409. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title:not(.active):first-of-type {border-left:0px !important;border: 1px solid #d4e2ef;}
  410. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title.active{background-color: #fff;border-top: 3px solid #4c9ce4;border-bottom:0px;border-right:0px;border-left:0px;}
  411. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title:first-of-type{ border-top-left-radius: 4px;border-top-right-radius: 0px}
  412. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .nav-tabs.nav-justified > .active > a, body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .nav-tabs.nav-justified > .active > a:hover, body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .nav-tabs.nav-justified > .active > a:focus {border:none;}
  413. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .nav-tabs > li > a {border: 0px;}
  414. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container a, body.monsterinsights-reporting-page .monsterinsights-bootstrap-container a:hover, body.monsterinsights-reporting-page .monsterinsights-bootstrap-container a:focus { color: #23282d;}
  415. @media screen and (max-width: 782px) {
  416. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title:first-of-type {
  417. border-top-left-radius: 4px;border-top-right-radius: 4px;
  418. }
  419. body.monsterinsights-reporting-page .monsterinsights-tabbed-nav-tab-title:nth-of-type(2) {
  420. border-top-left-radius: 4;border-top-right-radius: 0;border-left: 0;
  421. }
  422. }
  423. @media only screen and (max-width: 772px) {
  424. body.monsterinsights-reporting-page a.monsterinsights-main-nav-item.monsterinsights-nav-item,
  425. body.monsterinsights-reporting-page .monsterinsights-main-nav-container > .monsterinsights-main-nav-item:not(.monsterinsights-active) + a.monsterinsights-main-nav-item:not(.monsterinsights-active) {
  426. width:100%; margin:0px;
  427. border-bottom: 2px solid #fff;
  428. }
  429. }
  430. /** Large Graph styles */
  431. body.monsterinsights-reporting-page .monsterinsights-user-icon{box-sizing:border-box;width:25px;color:#fff;font-family:"Misettings";font-size:18px;-moz-border-radius:5px 0 0;-webkit-border-radius:5px 0 0;border-radius:5px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:table-cell;vertical-align: middle;text-align: left;float: left;}
  432. body.monsterinsights-reporting-page .monsterinsights-user-icon:before { content: '\f018';color: #4c9ce4;}
  433. body.monsterinsights-reporting-page .monsterinsights-eye-icon{box-sizing:border-box;width:30px;color:#fff;font-family:"Misettings";font-size:18px;-moz-border-radius:5px 0 0;-webkit-border-radius:5px 0 0;border-radius:5px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:table-cell;vertical-align: middle;text-align: left;float: left;}
  434. body.monsterinsights-reporting-page .monsterinsights-eye-icon:before { content: '\f019';color: #4c9ce4;}
  435. body.monsterinsights-reporting-page .monsterinsights-reports-overview-datagraph-tooltip-container{ padding: 15px;background-color: #FFF;border-radius: 4px;box-shadow: 0 0 24px rgba(89, 164, 234, 0.33);width: 112px;}
  436. body.monsterinsights-reporting-page .monsterinsights-reports-overview-datagraph-tooltip-title{ color: #23282d;font-size: 14px;font-weight: 400;border-bottom: 1px solid #d4e2ef; padding-bottom: 5px;}
  437. body.monsterinsights-reporting-page .monsterinsights-reports-overview-datagraph-tooltip-number {color: #23282d;font-size: 24px;font-weight: 400; margin-top: 5px; margin-bottom: 5px;}
  438. body.monsterinsights-reporting-page .monsterinsights-reports-overview-datagraph-tooltip-descriptor{color: #23282d;font-size: 12px;font-weight: 400;margin-bottom: 10px}
  439. body.monsterinsights-reporting-page .monsterinsights-reports-overview-datagraph-tooltip-trend{color: #23282d;font-size: 16px;font-weight: 400;}
  440. body.monsterinsights-reporting-page #monsterinsights-chartjs-tooltip{opacity:1;position:absolute;}
  441. /** Infobox styles */
  442. body.monsterinsights-reporting-page .monsterinsights-overview-report-infobox-panel{ margin-top: 15px !important }
  443. body.monsterinsights-reporting-page .monsterinsights-reports-infobox{ padding: 15px; border-left: 1px solid #d4e2ef; }
  444. body.monsterinsights-reporting-page .monsterinsights-reports-infobox:first-of-type{border-left: 0px; }
  445. body.monsterinsights-reporting-page .monsterinsights-reports-infobox-title {color: #23282d;font-size: 18px;font-weight: 700;max-width: calc(100% - 22px);}
  446. body.monsterinsights-reporting-page .monsterinsights-reports-infobox-number{color: #23282d;font-size: 30px;font-weight: 400;margin-top: 20px;}
  447. body.monsterinsights-reporting-page .monsterinsights-reports-infobox-prev { float: left;font-size: 16px;font-weight: 700;margin-top: 20px;}
  448. body.monsterinsights-reporting-page .monsterinsights-reports-infobox-compare { float:right;color: #a7d0f5;font-size: 14px;font-weight: 400;margin-top: 20px;}
  449. @media screen and (min-width: 992px) and (max-width: 1140px) {body.monsterinsights-reporting-page .monsterinsights-reports-infobox {height: 165px;}}
  450. @media screen and (max-width: 991px) {
  451. body.monsterinsights-reporting-page .monsterinsights-reports-infobox:nth-of-type(3) {border-left: 0;}
  452. body.monsterinsights-reporting-page .monsterinsights-reports-infobox:nth-of-type(n+3) {border-top: 1px solid #d4e2ef;}
  453. }
  454. @media only screen and (max-width: 480px) {
  455. body.monsterinsights-reporting-page .monsterinsights-reports-infobox {
  456. padding: 15px;
  457. border-top: 1px solid #d4e2ef;
  458. width: 100%;
  459. }
  460. body.monsterinsights-reporting-page .monsterinsights-reports-infobox:first-of-type {
  461. border-top: 0;
  462. }
  463. body.monsterinsights-reporting-page .monsterinsights-reports-infobox:nth-of-type(even) {
  464. border-left: 0;
  465. }
  466. }
  467. /** 2 column row */
  468. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container{ margin-top: 15px !important; }
  469. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.panel{padding: 15px;background-color: #f7f9ff;}
  470. body.monsterinsights-reporting-page .monsterinsights-reports-panel-title {color: #23282d;font-size: 18px;font-weight: 700;background-color: #FFF;}
  471. body.monsterinsights-reporting-page .monsterinsights-pie-chart-panel .monsterinsights-reports-uright-tooltip {top: 30px; right: 30px;}
  472. body.monsterinsights-reporting-page .monsterinsights-reports-pie-graph{margin-left: 40px;}
  473. body.monsterinsights-reporting-page .monsterinsights-reports-pie-graph-key{ float:right; position: absolute; bottom: 20px; right: 50px;}
  474. body.monsterinsights-reporting-page .monsterinsights-reports-pie-visitors-graph-key{ float:right; position: absolute; bottom: 20px; right: 50px;}
  475. body.monsterinsights-reporting-page .monsterinsights-pie-chart-legend-number{color: #23282d;font-size: 20px;font-weight: 400; margin-left: 30px;float: right}
  476. body.monsterinsights-reporting-page #monsterinsights-chartjs-pie-returning-tooltip{opacity:1;position:absolute;}
  477. body.monsterinsights-reporting-page #monsterinsights-chartjs-pie-devices-tooltip{opacity:1;position:absolute;}
  478. body.monsterinsights-reporting-page .monsterinsights-reports-country-flag{margin-right: 10px;margin-left:10px;}
  479. body.monsterinsights-reporting-page .monsterinsights-reports-list .list-group-item:nth-child(2n+1) { background-color: #f7f9ff;}
  480. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.panel.nopadding{padding:0px;}
  481. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.panel.nopadding .monsterinsights-reports-panel-title{padding:15px;}
  482. body.monsterinsights-reporting-page .monsterinsights-reports-list .list-group-item{ border: none; height: 40px; height: auto;}
  483. body.monsterinsights-reporting-page .monsterinsights-reports-list .list-group{box-shadow:none;margin-bottom: 1px}
  484. body.monsterinsights-reporting-page .monsterinsights-reports-referral-icon{margin-right: 10px;margin-left:10px;}
  485. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.panel.monsterinsights-pie-chart-panel{background-color: #FFF}
  486. body.monsterinsights-reporting-page .monsterinsights-pie-chart-panel .monsterinsights-reports-panel-title{margin-bottom: 15px;padding-bottom: 15px;}
  487. @media only screen and (min-width: 992px) {
  488. body.monsterinsights-reporting-page #monsterinsights-main-tab-ecommerce .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item:nth-of-type(1) {
  489. padding-left: 0;
  490. }
  491. body.monsterinsights-reporting-page #monsterinsights-main-tab-ecommerce .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item:nth-of-type(2) {
  492. padding-right: 0;
  493. }
  494. }
  495. @media only screen and (min-width: 992px) and (max-width: 1165px) {body.monsterinsights-reporting-page .monsterinsights-reports-pie-graph-key, body.monsterinsights-reporting-page .monsterinsights-reports-pie-visitors-graph-key { display: block; position: inherit; float: none; margin-top: 10px;}}
  496. @media only screen and (max-width: 500px) { body.monsterinsights-reporting-page .monsterinsights-reports-pie-graph-key, body.monsterinsights-reporting-page .monsterinsights-reports-pie-visitors-graph-key {display: block;position: inherit; float: none; margin-top: 10px;} body.monsterinsights-reporting-page .monsterinsights-reports-pie-graph { margin: auto; float: none; display: block; }}
  497. @media screen and (max-width: 992px) {.monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item:nth-of-type(2) {margin-top:15px;}}
  498. /** 1 column row */
  499. body.monsterinsights-reporting-page .monsterinsights-reports-1-column-row{ margin-top: 15px !important }
  500. body.monsterinsights-reporting-page .monsterinsights-reports-panel-title{ padding: 15px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
  501. /** Container styles */
  502. body.monsterinsights-reporting-page .monsterinsights-reports-list-count{width:25px;color: #23282d;font-size: 14px;font-weight: 700; display: inline-block;}
  503. body.monsterinsights-reporting-page .monsterinsights-reports-list-text{color: #23282d;font-size: 14px;font-weight: 400;}
  504. body.monsterinsights-reporting-page .monsterinsights-reports-list-number{color: #23282d;font-size: 14px;font-weight: 400;float:right;}
  505. body.monsterinsights-reporting-page .monsterinsights-reports-panel-footer{color: #4c9ce4;border-radius: 0px 0px 4px 4px; padding: 20px 15px;font-size: 14px;font-weight: 400;clear: both;background: #f7f9ff;border-top: 1px solid #d4e2ef;min-height: 76px;}
  506. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container a.monsterinsights-reports-panel-footer-button{color: #4c9ce4;font-size: 14px;font-weight: 400;padding:8px 15px;background-color: white;border: 1px solid #d4e2ef;border-radius: 4px;display:inline-block}
  507. body.monsterinsights-reporting-page .monsterinsights-reports-panel-footer.monsterinsights-reports-panel-footer-large{background: #f7f9ff;border-top: 1px solid #d4e2ef;min-height:76px;}
  508. @media only screen and (max-width: 768px) { body.monsterinsights-reporting-page .monsterinsights-reports-panel-footer.monsterinsights-reports-panel-footer-large {text-align: center;}
  509. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container a.monsterinsights-reports-panel-footer-button{float: none;width: 100%;text-align: center;margin-top: 15px;}
  510. }
  511. /** Top Page List */
  512. #monsterinsights-report-top-page-list .monsterinsights-reports-list-count {display: inline-block;top: 10px;position: absolute;}
  513. #monsterinsights-report-top-page-list .monsterinsights-reports-list-text {max-width: 85%;display: inline-block;margin-left: 25px;}
  514. @media only screen and (max-width: 480px) {
  515. #monsterinsights-report-top-page-list .monsterinsights-reports-list-text {max-width: 80%;}
  516. }
  517. /* Show buttons */
  518. body.monsterinsights-reporting-page .monsterinsights-reports-show-selector-group{color: #4c9ce4;font-size: 14px;font-weight: 400;display:inline-block}
  519. body.monsterinsights-reporting-page .monsterinsights-reports-show-selector-group .monsterinsights-reports-show-selector-button.btn.btn-default{background-color: #FFF;color: #4c9ce4;font-size: 14px;font-weight: 400;background-image:none;box-shadow:none;text-shadow:none;padding: 3px 10px;opacity:1;}
  520. body.monsterinsights-reporting-page .monsterinsights-reports-show-selector-group .monsterinsights-reports-show-selector-button.ten{border-radius: 4px 0px 0px 4px !important;}
  521. body.monsterinsights-reporting-page .monsterinsights-reports-show-selector-group .monsterinsights-reports-show-selector-button.fifty{border-radius: 0px 4px 4px 0px !important; margin-right: 20px !important;}
  522. body.monsterinsights-reporting-page .monsterinsights-reports-show-selector-group .monsterinsights-reports-show-selector-button.btn.btn-default.active{background-color: #4c9ce4;border: 1px solid #6db0e9;color: #f7f7f7;box-shadow:none;text-shadow:none;}
  523. .monsterinsights-data-row{width:100%;float:left;box-sizing:border-box;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#7f8591;padding:10px 15px}
  524. .monsterinsights-data-row .monsterinsights-col-7-8{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
  525. .monsterinsights-reports-box-datalist .monsterinsights-data-row:nth-child(odd){background-color:#f7f7f9}
  526. .monsterinsights-reports-box-title{background-color:#FFF;color:#7f8591;font-size:14px;font-weight:700;padding:20px;border-bottom:1px solid #e3e9ed;border-top-left-radius:5px;border-top-right-radius:5px}
  527. .monsterinsights-no-padding-right{padding-right:0}
  528. .monsterinsights-datalist-box-title{color:#7f8591;font-size:14px;font-weight:700;margin-bottom:10px}
  529. /* Queries Report */
  530. body.monsterinsights-reporting-page .monsterinsights-reports-data-table-thead th{ padding:15px !important;color: #23282d;font-size: 14px;font-weight: 700;}
  531. body.monsterinsights-reporting-page .monsterinsights-reports-data-table-thead{ border-top: 1px solid #ddd; }
  532. body.monsterinsights-reporting-page .monsterinsights-reports-data-table-tr td{ padding:15px !important;color: #23282d;font-size: 14px;font-weight: 400;}
  533. body.monsterinsights-reporting-page .monsterinsights-reports-data-table-tr:nth-child(2n+1) {background-color: #f7f9ff;}
  534. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .table > thead > tr > th {border-bottom: 0px;}
  535. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .table{margin-bottom: 0px;}
  536. body.monsterinsights-reporting-page .monsterinsights-reports-data-table-tr:nth-child(2n+2) {background-color: #fff;}
  537. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.list-no-icons,
  538. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.list-no-icons {background-color: #f7f9ff !important;}
  539. body.monsterinsights-reporting-page .monsterinsights-reports-2-column-container .monsterinsights-reports-2-column-item .monsterinsights-reports-2-column-panel.panel .monsterinsights-reports-data-table-thead {background-color: #fff;}
  540. /* Temporary fix for tables on mobile until we can figure out a better solution */
  541. @media only screen and (max-width: 479px) {
  542. .monsterinsights-bootstrap-container .table > thead > tr > th,
  543. .monsterinsights-bootstrap-container .table > tbody > tr > th,
  544. .monsterinsights-bootstrap-container .table > tfoot > tr > th,
  545. .monsterinsights-bootstrap-container .table > thead > tr > td,
  546. .monsterinsights-bootstrap-container .table > tbody > tr > td,
  547. .monsterinsights-bootstrap-container .table > tfoot > tr > td {
  548. display: block;
  549. }
  550. }
  551. /* Publisher Report */
  552. body.monsterinsights-reporting-page .monsterinsights-bootstrap-container .monsterinsights-white-bg-panel{ background-color: #FFF !important;}
  553. /** Reports Page Media Queries **/
  554. /** Tools Page Styles **/
  555. /** Generic Tools Page Styles **/
  556. #monsterinsights-tools-pages .monsterinsights-main-nav-tab { padding: 30px 5px;margin: 0px; }
  557. #monsterinsights-tools-pages .monsterinsights-main-nav-tab .monsterinsights-upsell-under-box{ margin-top: 0px; }
  558. /** URL Generator Tab Styles **/
  559. .monsterinsights-main-nav-tabs label{margin-top:7px;display:block;color:#444851}
  560. #monsterinsights-tools-pages .form-table th,#monsterinsights-tools-pages .form-table td,#monsterinsights-tools-pages .form-table tr{ padding: 0px 0px 20px 0px; border: none;}
  561. #monsterinsights-tools-pages .monsterinsights-nav-tab .description { margin-top: 0px; }
  562. #monsterinsights-tools-pages input[type="text"],#monsterinsights-tools-pages input[type=url],#monsterinsights-tools-pages textarea{width:350px;padding-right:0;font-size:13px;border-width:2px;border-radius:3px;border-color:#e4e9ee;box-shadow:none;}
  563. #monsterinsights-tools-pages input[type="text"],#monsterinsights-tools-pages input[type=url]{height:32px;}
  564. #monsterinsights-tools-pages textarea{ height: 100px;}
  565. @media (max-width: 767px) {
  566. #monsterinsights-tools-pages input[type="text"],#monsterinsights-tools-pages input[type="url"],#monsterinsights-tools-pages textarea{width:90%!important;}
  567. #monsterinsights-tools-pages input[type="text"],#monsterinsights-tools-pages input[type="url"]{height:auto;}
  568. }
  569. @media screen and (max-width: 772px) {
  570. .monsterinsights-reports-action-bar-actions{ margin-top:20px; float: left;width: 100%;}
  571. .monsterinsights-pro-report-date-control-group .btn.btn-default { margin-bottom: 15px;width: calc(50%); }
  572. .monsterinsights-bootstrap-container .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; margin-right: 0 !important;}
  573. .monsterinsights-bootstrap-container .btn-group.monsterinsights-pro-report-date-control-group,
  574. .monsterinsights-bootstrap-container .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; width: 100%; }
  575. .monsterinsights-pro-report-date-control-group .monsterinsights-pro-datepicker { width: 100%; text-align: center; }
  576. }
  577. #monsterinsights-related-resources-list{ list-style-type: disc; padding-left: 40px;}
  578. /** Import/Export Tab Styles **/
  579. /** Tools Page Media Queries **/
  580. /** Addons Page Styles **/
  581. /** Addons Font */
  582. @font-face{font-family:'monsterinsights';src:url(../fonts/monsterinsights.eot);src:url(../fonts/monsterinsights.eot?#iefix) format("embedded-opentype"),url(../fonts/monsterinsights.woff) format("woff"),url(../fonts/monsterinsights.ttf) format("truetype"),url(../fonts/monsterinsights.svg#monsterinsights) format("svg");font-weight:400;font-style:normal}
  583. #monsterinsights-addons [class*='monsterinsights-']:before{display:inline-block;font-family:'monsterinsights';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  584. #monsterinsights-addons .monsterinsights-configuration:before{content:'\0041'}
  585. #monsterinsights-addons .monsterinsights-leaf:before{content:'\0042'}
  586. #monsterinsights-addons .monsterinsights-lightbox:before{content:'\0044'}
  587. #monsterinsights-addons .monsterinsights-misc:before{content:'\0045'}
  588. #monsterinsights-addons .monsterinsights-mobile:before{content:'\0046'}
  589. #monsterinsights-addons .monsterinsights-pagination:before{content:'\0047'}
  590. #monsterinsights-addons .monsterinsights-proofing:before{content:'\0048'}
  591. #monsterinsights-addons .monsterinsights-slideshow:before{content:'\0049'}
  592. #monsterinsights-addons .monsterinsights-tags:before{content:'\004a'}
  593. #monsterinsights-addons .monsterinsights-thumbnails:before{content:'\004b'}
  594. #monsterinsights-addons .monsterinsights-video:before{content:'\004c'}
  595. #monsterinsights-addons .monsterinsights-watermark:before{content:'\004d'}
  596. #monsterinsights-addons .monsterinsights-cloud-download:before{content:'\004e'}
  597. #monsterinsights-addons .monsterinsights-toggle-on:before{content:'\004f'}
  598. #monsterinsights-addons .monsterinsights-plus-circle:before{content:'\0050'}
  599. #monsterinsights-addons .monsterinsights-down-arrow:before{content:'\0051'}
  600. #monsterinsights-addons .monsterinsights-list:before{content:'\0052'}
  601. /* #monsterinsights-addons .monsterinsights-grid:before{content:'\0053'}*/
  602. #monsterinsights-addons .monsterinsights-pinterest-p:before{content:'\0054'}
  603. #monsterinsights-addons .monsterinsights-pencil:before{content:'\0055'}
  604. #monsterinsights-addons .monsterinsights-close:before{content:'\0056'}
  605. #monsterinsights-addons .monsterinsights-check:before{content:'\0057'}
  606. /** Generic Addons Page Styles **/
  607. body.monsterinsights_page .monsterinsights-addons-subheading{background-color:#fff;height:45px;margin-left:-20px}
  608. body.monsterinsights_page .monsterinsights-addons-subheading h1{font-size:20px;font-weight:400;line-height:45px;margin:0 0 0 20px;padding-left:20px}
  609. @media (min-width: 600px) and (max-width: 767px) {
  610. body.monsterinsights_page .monsterinsights-addons-subheading{height:auto;padding-bottom:20px}
  611. }
  612. #monsterinsights-addon-heading:after{content:"";display:table;clear:both}
  613. #monsterinsights-addon-heading h1{float:left}
  614. #monsterinsights-addon-heading form{float:right;margin-right:100px}
  615. @media (min-width: 600px) and (max-width: 767px) {
  616. #monsterinsights-addon-heading h1{float:none}
  617. }
  618. @media (max-width: 508px) {
  619. #monsterinsights-addon-heading form{display:none}
  620. }
  621. @media (max-width: 600px) {
  622. .monsterinsights-addon .interior{display:none!important}
  623. }
  624. #monsterinsights-addon-heading form input{border:1px solid #ddd;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;background-color:#fff;color:#666;margin:7px 10px 0 5px;font-size:14px;padding:5px 8px}
  625. #monsterinsights-addon-heading form select{margin:-5px 20px 0 0}
  626. #monsterinsights-addon-heading form .spinner{float:none;margin:-3px auto auto}
  627. @media (min-width: 600px) and (max-width: 767px) {
  628. #monsterinsights-addon-heading form{float:none;display:table;margin:10px auto 0}
  629. }
  630. #monsterinsights-addons{padding:0px;}
  631. #monsterinsights-addons .button,#monsterinsights-addons .button-primary{text-shadow:none;background-color:#f7f7f7;color:#23282d;font-weight:600;border:1px solid #ccc;line-height:inherit;height:inherit;padding:5px 15px;box-shadow:none;cursor:pointer}
  632. #monsterinsights-addons .button:hover,#monsterinsights-addons .button-primary:hover{color:#23282d;background-color:#fafafa;border-color:#999}
  633. #monsterinsights-addons .monsterinsights-addon-action-button{padding-left:20px;padding-right:20px}
  634. #monsterinsights-addons .monsterinsights-addon-action-button .monsterinsights-cloud-download{font-size:19px;float:left;margin-right:8px;color:#8d8f92}
  635. #monsterinsights-addons .monsterinsights-addon-action-button .monsterinsights-toggle-on{font-size:19px;float:left;margin-right:8px;margin-top:1px;color:#7cc048}
  636. #monsterinsights-addons .monsterinsights-addon-upgrade-button{background-color:#7cc048;color:#fff;float:none!important;margin:0 auto;display:table;line-height:25px}
  637. #monsterinsights-addons .monsterinsights-addon-upgrade-button:hover{background-color:#95dc5e;color:#fff;border-color:#95dc5e}
  638. #monsterinsights-addons .monsterinsights-addon-action-button.monsterinsights-activate-addon .monsterinsights-toggle-on{color:#e92c21;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:FlipH}
  639. #monsterinsights-addons .monsterinsights-addon-title{margin-top:30px}
  640. #monsterinsights-addons .monsterinsights-addons-area:after{content:"";display:table;clear:both}
  641. #monsterinsights-addons .monsterinsights-addons-area.licensed{margin:20px 0 40px;padding:0 0 20px;border-bottom:1px solid #ddd}
  642. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon{border:1px solid #ddd;position:relative;background:#fff;border-radius:3px;float:left;margin:0 2% 2% 0;min-height:465px;padding:0;text-align:center;width:32%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
  643. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon:nth-child(3n){margin-right:0}
  644. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon:nth-child(3n+1){clear:both}
  645. @media (min-width: 992px) and (max-width: 1199px) {
  646. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon{min-height:420px}
  647. }
  648. @media (min-width: 768px) and (max-width: 991px) {
  649. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon{width:100%!important;min-height:525px}
  650. }
  651. @media (min-width: 600px) and (max-width: 767px) {
  652. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon{width:100%!important;min-height:525px}
  653. }
  654. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-thumb{margin:20px auto;max-width:100%}
  655. @media (min-width: 992px) and (max-width: 1199px) {
  656. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-thumb{margin:10px auto 15px}
  657. }
  658. @media (min-width: 768px) and (max-width: 991px) {
  659. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-thumb{margin:10px auto 15px}
  660. }
  661. @media (min-width: 600px) and (max-width: 767px) {
  662. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-thumb{margin:10px auto 15px}
  663. }
  664. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-excerpt{color:#2f2f2f;font-weight:400;padding:0 20px;display:table;margin:0 0 90px}
  665. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message{background:#f7f7f7;border-top:1px solid #ddd}
  666. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error{position:absolute;bottom:0;float:left;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:0;padding:0;text-align:left}
  667. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message .interior,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .interior{padding:20px}
  668. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message .interior:after,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .interior:after{content:"";display:table;clear:both}
  669. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-active .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-active .addon-status span{color:#7cc048}
  670. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-active .interior.monsterinsights-addon-active .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-active .interior.monsterinsights-addon-active .addon-status span{color:#7cc048}
  671. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-active .interior.monsterinsights-addon-inactive .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-active .interior.monsterinsights-addon-inactive .addon-status span{color:#e82c20}
  672. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-active .interior.monsterinsights-addon-not-installed .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-active .interior.monsterinsights-addon-not-installed .addon-status span{color:#a3a4a5}
  673. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-inactive .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-inactive .addon-status span{color:#e82c20}
  674. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-inactive .interior.monsterinsights-addon-active .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-inactive .interior.monsterinsights-addon-active .addon-status span{color:#7cc048}
  675. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-inactive .interior.monsterinsights-addon-inactive .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-inactive .interior.monsterinsights-addon-inactive .addon-status span{color:#e82c20}
  676. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-inactive .interior.monsterinsights-addon-not-installed .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-inactive .interior.monsterinsights-addon-not-installed .addon-status span{color:#a3a4a5}
  677. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-not-installed .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-not-installed .addon-status span{color:#a3a4a5}
  678. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-not-installed .interior.monsterinsights-addon-active .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-not-installed .interior.monsterinsights-addon-active .addon-status span{color:#7cc048}
  679. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-not-installed .interior.monsterinsights-addon-inactive .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-not-installed .interior.monsterinsights-addon-inactive .addon-status span{color:#e82c20}
  680. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message.monsterinsights-addon-not-installed .interior.monsterinsights-addon-not-installed .addon-status span,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error.monsterinsights-addon-not-installed .interior.monsterinsights-addon-not-installed .addon-status span{color:#a3a4a5}
  681. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message span.addon-status,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error span.addon-status{float:left;font-weight:700}
  682. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message a.button,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error a.button{float:right}
  683. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message span.monsterinsights-spinner,#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error span.monsterinsights-spinner{position:absolute;bottom:15px;right:0}
  684. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-action{display:inline;float:right}
  685. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-action .button-primary{margin:-5px 0 0;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px}
  686. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-action .button-primary:hover{color:#23282d;background-color:#fafafa;border-color:#999}
  687. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error{bottom:10px;float:none;left:15px;right:20px;width:auto}
  688. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .xinterior{width:100%;margin:0;background:#fff;border-left:4px solid #dc3232;box-shadow:0 1px 1px 0 rgba(0,0,0,0.1)}
  689. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error p{padding:10px;margin:5px 10px}
  690. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .wrap{margin:0}
  691. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .icon32{display:none}
  692. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error h2{padding:0}
  693. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .form-table th{padding:10px 0;width:30%!important}
  694. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .form-table input[type="text"],#monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error .monsterinsights-addon .monsterinsights-addon-error .form-table input[type="password"]{width:100%!important}
  695. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-error p.submit{padding:0}
  696. #monsterinsights-addons .monsterinsights-addons-area .monsterinsights-addon p{color:#2f2f2f;font-size:13px;margin:10px 0 0;text-shadow:0 1px #fff}
  697. #monsterinsights-addons .monsterinsights-addons-area #monsterinsights-addons-unlock-more-area{margin:40px auto 20px;padding-bottom:0;border-bottom:0}
  698. #monsterinsights-addons-more-area .monsterinsights-addon .interior{padding:15px 20px!important}
  699. #monsterinsights-addons-refresh-addons-form{width:100%;max-width:850px;float:left}
  700. @media (min-width: 992px) and (max-width: 1199px) {
  701. #monsterinsights-addons-refresh-addons-form{max-width:450px}
  702. }
  703. @media (min-width: 768px) and (max-width: 991px) {
  704. #monsterinsights-addons-refresh-addons-form{max-width:50%}
  705. #monsterinsights-addons-refresh-addons-form input.button{display:block}
  706. }
  707. @media (min-width: 600px) and (max-width: 767px) {
  708. #monsterinsights-addons-refresh-addons-form{width:100%;float:none}
  709. #monsterinsights-addons-refresh-addons-form input.button{display:block}
  710. }
  711. #monsterinsights-filter-form{float:right}
  712. #monsterinsights-filter-form input[type='submit'],#monsterinsights-filter-form select{background-color:#f7f7f7;color:#23282d;border:1px solid #ddd;height:30px;width:120px;margin-top:-2px}
  713. #monsterinsights-filter-form input{padding:5px 15px;box-shadow:0;cursor:pointer;background-color:#f7f7f7;color:#23282d}
  714. #monsterinsights-filter-form input:hover{color:#23282d;background-color:#fafafa;border-color:#999}
  715. #monsterinsights-filter-form .spinner{float:left}
  716. @media only screen and (max-width: 1050px) {
  717. #monsterinsights-addons-area .monsterinsights-addon{width:49%}
  718. #monsterinsights-addons-area .monsterinsights-addon:nth-child(2n){margin-right:0}
  719. #monsterinsights-addons-area .monsterinsights-addon:nth-child(2n+1){clear:both}
  720. #monsterinsights-addons-area .monsterinsights-addon:nth-child(3n){margin-right:2%}
  721. #monsterinsights-addons-area .monsterinsights-addon:nth-child(3n+1){clear:none}
  722. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-excerpt{margin-bottom:90px}
  723. }
  724. @media only screen and (max-width: 782px) {
  725. #monsterinsights-addons-area .monsterinsights-addon{min-height:auto}
  726. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-action .button-primary{margin:-7px 0 0}
  727. }
  728. @media only screen and (max-width: 600px) {
  729. #monsterinsights-addons-area .monsterinsights-addon{width:99%}
  730. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message{float:left;width:100%}
  731. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message span.addon-status{display:block;width:100%;margin:0 0 5px;text-align:center}
  732. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message div.monsterinsights-addon-action{clear:both;display:block;width:100%;text-align:center}
  733. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-message div.monsterinsights-addon-action .button-primary{clear:both;float:none;margin:0 auto}
  734. #monsterinsights-addons-area .monsterinsights-addon .monsterinsights-addon-excerpt{margin-bottom:120px}
  735. }
  736. /** Network Addons Page Styles **/
  737. /** Single Site Addons Page Styles **/
  738. /** Welcome Page Styles **/
  739. /** Generic Welcome Page Styles **/
  740. /** Welcome Tab Styles **/
  741. /** What's New Tab Styles **/
  742. /** Changelog Tab Styles **/
  743. /** Support Tab Styles **/