/***
Admin Styles
(SPYR) Admin Library

SPYRmedia.com
*/



/*** Defaults */
.clear { clear:both; }
.spyr_admin_page_wrap { max-width:800px;overflow:hidden; }
.spyr_admin_page_wrap { -webkit-font-smoothing:antialiased; }
.spyr_admin_page_wrap *::-moz-selection,.spyr_admin_page_wrap ::selection { background:#ec008c;color:#fff;text-shadow:0px 1px 3px #111; }
.spyr_admin_page_wrap .divider { border-bottom:1px solid #ddd;margin:0 0 40px 0; }
.spyr_option { border-bottom:1px solid #eee;font-size:14px;margin:0 0 40px 0;padding:0 0 40px 0; }
.spyr_admin_page_wrap .option_updated { clear:both;margin:10px 0; }
.spyr_admin_page_wrap h3,.spyr_admin_page_wrap h4,.spyr_admin_page_wrap h5,.spyr_admin_page_wrap h6 { font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',sans-serif;font-size:20px;font-weight:normal;line-height:1.0em; }
.spyr_admin_page_wrap h4,.spyr_admin_page_wrap h5,.spyr_admin_page_wrap h6 { font-size:16px;margin:0 0 15px 0; }
.spyr_admin_page_wrap h5 { font-size:15px; }
.spyr_admin_page_wrap h6 { font-size:12px; }
.spyr_admin_page_wrap a { border-bottom:1px solid #ccc;color:#ec008c;text-decoration:none; }
.spyr_admin_page_wrap a { /*CSS3*/-moz-transition:border 0.5s,color 0.5s;-o-transition:border 0.5s,color 0.5s;-webkit-transition:border 0.5s,color 0.5s;transition:border 0.5s,color 0.5s; }
.spyr_admin_page_wrap a:hover { border-color:#888; }
.spyr_admin_page_wrap .add_margin { margin:0 0 50px 0; }
.spyr_small { color:#aaa;cursor:default;font-size:11px;font-weight:normal;margin:0 0 20px 0;text-transform:uppercase; }
.spyr_center { text-align:center; }



/*** Update (SPYR) Common Message */
.error .icon-spyrmedia:before { font-size:20px;line-height:18px;margin:0 5px 0 0;vertical-align:bottom; }



/*** Columns */
.spyr_column { display:inline-block;float:left;margin:0;padding:0 1%;vertical-align:top; }
.spyr_column { /*CSS3*/-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }
.spyr_column.one-half { width:50%; }
.spyr_column.one-third { width:33.333333%; }
.spyr_column.one-fourth { width:25%; }



/*** Icons */
.spyr_admin_page_wrap .icon32:before,.spyr_admin_page_wrap .icon64:before,.icon32-posts-spyr_options:before,.icon64-posts-spyr_options:before,.icon32-posts-spyrslide:before,.icon32-posts-spyrslider-slide:before,#adminmenu .toplevel_page_SPYRmedia .wp-menu-image:before { content:"\e000";font-family:'SPYR-Icons' !important;font-style:normal;font-weight:normal;line-height:16px !important;speak:none;-webkit-font-smoothing:antialiased; }
.spyr_admin_page_wrap .icon32,.spyr_admin_page_wrap .icon64,.icon32-posts-spyr_options,.icon64-posts-spyr_options,.icon32-posts-spyrslide,.icon32-posts-spyrslider-slide { float:left; }
.spyr_admin_page_wrap .icon32:before,.spyr_admin_page_wrap .icon64:before,.icon32-posts-spyr_options:before,.icon64-posts-spyr_options:before,.icon32-posts-spyrslide:before,.icon32-posts-spyrslider-slide:before { line-height:80px !important; }
.spyr_admin_page_wrap .icon32,.icon32-posts-spyr_options,.icon32-posts-spyrslide,.icon32-posts-spyrslider-slide { font-size:32px;height:32px;width:32px; }
.spyr_admin_page_wrap .icon64,.icon64-posts-spyr_options,.icon64-posts-spyrslide,.icon64-posts-spyrslider-slide { font-size:64px;height:64px;width:64px; }



/*** Header */
.spyr_admin_page_wrap .spyr_header { border-bottom:1px solid #ddd;margin:0 0 40px 0;padding:10px 0 15px 0; }
.spyr_admin_page_wrap .spyr_header h2 { float:left;font-family:'Rokkitt','HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',sans-serif;font-size:28px;line-height:64px;margin:0 0 10px 0; }
.spyr_admin_page_wrap .spyr_header .button-primary { float:right;margin:28px 0 0 0; }
.spyr_admin_page_wrap .spyr_subtitle,.spyr_admin_page_wrap .spyr_subtitle a { color:#777;font-family:'HelveticaNeue-Light','Helvetica Neue Light','Helvetica Neue',sans-serif;font-size:14px;text-decoration:none; }
.spyr_admin_page_wrap .spyr_subtitle a { border:none; }
.spyr_admin_page_wrap .spyr_subtitle a:hover { color:#ec008c; }



/*** Textboxes */
.spyr_textbox,.spyr_textarea { color:#aaa;cursor:default;font-size:11px;font-weight:normal;margin:0 0 20px 0;text-transform:uppercase; }
.spyr_textbox input,.spyr_textarea textarea { color:#555;font-size:13px;font-weight:400;margin:0 0 5px 0;width:100%; }
.spyr_textarea textarea { resize:none; }



/*** Note */
.spyr_note { background:#fafafa;border-bottom:1px solid #eee;border-top:1px solid #eee;clear:both;font-size:13px;margin:20px 0;padding:15px 15px; }
.spyr_note p { font-size:13px;margin:0; }
.spyr_note.add_margin { margin:20px 0 50px 0; }



/*** Radio/Checkbox Button */
.spyr_radios { margin:0 0 20px 0; }
.spyr_checkboxes { margin:0; }



/*--- Default */
.spyr_button { border:1px solid #eee;color:#ccc;cursor:pointer;display:inline-block;font-size:12px;font-weight:bold;height:34px;line-height:34px;margin:10px;padding:0 24px;text-align:center;text-decoration:none;text-shadow:0 1px 0 #fff;white-space:nowrap; }
.spyr_button { /*CSS3*/-webkit-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-transition:color 0.25s,border 0.25s,box-shadow 0.25s;-o-transition:color 0.25s,border 0.25s,box-shadow 0.25s;-webkit-transition:color 0.25s,border 0.25s,box-shadow 0.25s;transition:color 0.25s,border 0.25s,box-shadow 0.25s; }
.spyr_button { /*iOS*/-webkit-appearance:none; }
.spyr_button { /*CSS3*/background:#f3f3f3;background-image:-webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4));background-image:-webkit-linear-gradient(top,#fefefe,#f4f4f4);background-image:-moz-linear-gradient(top,#fefefe,#f4f4f4);background-image:-o-linear-gradient(top,#fefefe,#f4f4f4);background-image:linear-gradient(to bottom,#fefefe,#f4f4f4); }
.spyr_button:hover:hover { border-color:#ddd;color:#aaa; }
.spyr_button:hover:hover { /*CSS3*/background:#f3f3f3;background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3));background-image:-webkit-linear-gradient(top,#fff,#f3f3f3);background-image:-moz-linear-gradient(top,#fff,#f3f3f3);background-image:-ms-linear-gradient(top,#fff,#f3f3f3);background-image:-o-linear-gradient(top,#fff,#f3f3f3);background-image:linear-gradient(to bottom,#fff,#f3f3f3); }
.spyr_button:active:active { /*CSS3*/background:#eee;background-image:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#fefefe));background-image:-webkit-linear-gradient(top,#f4f4f4,#fefefe);background-image:-moz-linear-gradient(top,#f4f4f4,#fefefe);background-image:-ms-linear-gradient(top,#f4f4f4,#fefefe);background-image:-o-linear-gradient(top,#f4f4f4,#fefefe);background-image:linear-gradient(to bottom,#f4f4f4,#fefefe); }
input.spyr_button_input { display:none; }

/*--- Pink */
.spyr_button_press.checked,.spyr_button.checked,.spyr_button.pink { border-color:#870050;color:#fff;text-shadow:0 -1px 1px #870050; }
.spyr_button_press.checked,.spyr_button.checked,.spyr_button.pink { /*CSS3*/background-color:#ec008c;background-image:-webkit-gradient(linear,left top,left bottom,from(#ec008c),to(#b00068));background-image:-webkit-linear-gradient(top,#ec008c,#b00068);background-image:-moz-linear-gradient(top,#ec008c,#b00068);background-image:-ms-linear-gradient(top,#ec008c,#b00068);background-image:-o-linear-gradient(top,#ec008c,#b00068);background-image:linear-gradient(to bottom,#ec008c,#b00068);-webkit-box-shadow:inset 0 1px 0 #fba3d7;box-shadow:inset 0 1px 0 #fba3d7; }
.spyr_button.checked:hover,.spyr_button.pink:hover:hover { border-color:#870050;color:#fff;text-shadow:0 -1px 1px #870050; }
.spyr_button.checked:hover,.spyr_button.pink:hover:hover { /*CSS3*/background-color:#fc1fa2;background-image:-webkit-gradient(linear,left top,left bottom,from(#fc1fa2),to(#b00068));background-image:-webkit-linear-gradient(top,#fc1fa2,#b00068);background-image:-moz-linear-gradient(top,#fc1fa2,#b00068);background-image:-ms-linear-gradient(top,#fc1fa2,#b00068);background-image:-o-linear-gradient(top,#fc1fa2,#b00068);background-image:linear-gradient(to bottom,#fc1fa2,#b00068); }
.spyr_button:active,.spyr_button.checked { border-color:transparent; }
.spyr_button { /*CSS3*/-webkit-box-shadow:inset 0px 1px 2px 0px #fff,0 0 0px 1px #fafafa,0 1px 1px #fff,0px 0px 0px 7px #eee,0px 0px 0px 8px #fff,0px 0px 0px 9px #eaeaea;box-shadow:inset 0px 1px 2px 0px #fff,0 0 0px 1px #fafafa,0 1px 1px #fff,0px 0px 0px 7px #eee,0px 0px 0px 8px #fff,0px 0px 0px 9px #eaeaea; }
.spyr_button:active,.spyr_button.checked { /*CSS3*/box-shadow:inset 0px 1px 2px 0px #fff,0 0 0px 1px #999,0 0 1px 1px #fff,0px 0px 0px 6px #eee,0px 0px 0px 7px #fff,0px 0px 0px 8px #eaeaea; }

/*--- Sizes */
.spyr_button.medium { font-size:15px;height:50px;line-height:50px;padding:0 30px; }
.spyr_button.large { font-size:20px;height:70px;line-height:70px;padding:0 50px; }

/*--- Shapes */
.spyr_button.skew { /*CSS3*/-webkit-border-radius:10px 50px;border-radius:10px 50px; }
.spyr_button.square,.spyr_button.circle { font-size:12px;height:90px;line-height:90px;padding:0;width:90px; }
.spyr_button.circle { /*CSS3*/-webkit-border-radius:100%;border-radius:100%; }
.spyr_button.circle:active,.spyr_button.circle.checked { /*CSS3*/-webkit-box-shadow:inset 0px 1px 2px 0px #fff,0 0 0px 1px #999,0 0 1px 1px #fff,0px 0px 0px 7px #eee,0px 0px 0px 8px #fff,0px 0px 0px 9px #eaeaea;box-shadow:inset 0px 1px 2px 0px #fff,0 0 0px 1px #999,0 0 1px 1px #fff,0px 0px 0px 7px #eee,0px 0px 0px 8px #fff,0px 0px 0px 9px #eaeaea; }


/*--- Icon Buttons */
.spyr_button.circle.icon_only { font-size:0; }
.spyr_button.circle.icon_only:before { display:block;font-size:60px;line-height:60px;margin:14px 0 0 0; }
.spyr_button.circle.icon_only.icon-spyrmedia:before { margin:10px 0 0 0; }


/*** Tutorials */
#spyr_tutorials { color:#555;font-size:15px; }
#spyr_tutorials h3 { color:#666;font-size:16px;text-align:right;text-transform:uppercase; }
#spyr_tutorials .divider { margin:50px 0; }
.spyr_toggle,.spyr_admin_page_wrap .spyr_toggle { background:#fafafa;border-bottom:1px solid #ddd;border-top:1px solid #fff;cursor:pointer;font-size:16px;font-weight:normal;margin:0;padding:15px 10px; }
.spyr_toggle { /*CSS3*/-moz-transition:border 0.5s;-webkit-transition:border 0.5s;transition:border 0.5s; }
.spyr_toggle.first { border-top:1px solid #ddd; }
.spyr_toggle:hover { border-bottom:1px solid #bbb; }
.spyr_toggle:after { border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ccc;content:' ';display:block;float:right;height:0;margin:5px 4px 0 0;width:0; }
.spyr_toggle:hover:after { border-top:6px solid #999; }
.spyr_toggle.active:after { border-top:none;border-bottom:6px solid #ccc; }
.spyr_toggle.active:hover:after { border-top:none;border-bottom:6px solid #999; }
.spyr_toggle_content { background:#fff;border-bottom:1px solid #ddd;line-height:1.8em;margin-bottom:0;padding:25px 20px 15px 20px; }
.spyr_toggle_content h5 { font-size:20px;font-weight:bold; }
.spyr_toggle_content p { margin:0 0 30px 0; }
.spyr_toggle_content ol { margin-top:0; }
.spyr_toggle_content ul { list-style-type:disc;margin-left:30px;margin-top:0; }
.spyr_toggle_content li { margin:0 0 15px 0; }
.spyr_toggle_content ol li ul { margin:15px 0 0 15px; }
.spyr_toggle_content ol li ul li { font-size:14px;margin:0 0 20px 0; }
.spyr_toggle_content .avatar { margin:0 6px; }
.spyr_toggle_content img { height:auto;max-width:100%; }
.spyr_toggle .example_code { font-size:13px;line-height:1.2em;margin:5px 0 15px 0; }
.spyr_toggle .example_code.full { font-size:15px;line-height:1.5em;margin:15px 0 15px 20px; }



/*** Gist */
.gist table { border:none; }
.gist .highlight { background:transparent;color:#333; }