/**
 * myCRED Admin Styling
 * @since 0.1
 * @version 1.4
*/
#myCRED-wrap table th#creds { width: 10%; }
#myCRED-wrap table .alternate { background-color: white; }
#myCRED-wrap table tr.deleted-row td, #myCRED-wrap table tr.deleted-row th { background-color: red !important; }
#myCRED-wrap table tr.deleted-row td, #myCRED-wrap table tr.deleted-row td * { color: white !important; }
#myCRED-wrap table tr.updated-row td, #myCRED-wrap table tr.updated-row th { background-color: yellow; }

#myCRED-wrap input[type=radio] { margin-top: 0; }
#myCRED-wrap input.large-text, #myCRED-wrap textarea.large-text { display: block; width: 80%; }
#myCRED-wrap textarea.large-text { margin-bottom: 6px; }

/* Text Alignments */
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.tj { text-align: justify; }



/* Specifics */
#myCRED-wrap p.submit { margin-top: 0; padding-top: 0; }
#mycred-social { text-align: right; }
body.post-type-buycred_payment a.add-new-h2, body.post-type-buycred_payment .view-switch { display: none; }

/* General */
#myCRED-wrap .h2 { font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",sans-serif; font-size: 22px; line-height: 29px; font-weight: normal; text-shadow: #fff 0 1px 0; min-height: 39px; }
body.version-3-8 #myCRED-wrap .h2 { line-height: 15px; font-size: 18px; }
body.version-3-8 #myCRED-wrap .h2.description { line-height: 22px; }
body.version-3-8 #myCRED-wrap .h2 input[type="text"], body.version-3-8 #myCRED-wrap .h2 input[type="number"] { font-size: 14px; }
#myCRED-wrap .h2 input[type="text"], #myCRED-wrap .h2 input[type="password"], #myCRED-wrap .h2 input[type="number"] { line-height: inherit; }
#myCRED-wrap .h2 input[type="number"] { height: auto; }
#myCRED-wrap #mycred-update-log-decimals { height: 36px; line-height: 36px; margin-top: 1px; }
#mycred-social-media { display: block; float: right; }
#mycred-social-media a { margin-left: 12px; }
p span.description { display: block; line-height: 16px; }
.modal .mycred-container .row { margin-bottom: 6px; }
.mycred-container p { margin: 3px 0 12px 0; }
.mycred-container .list p { margin: 0 0 3px 0; }
.mycred-container p code { padding: 2px 4px; }

.inline-warning { background: #fff; border-left: 4px solid #dc3232; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); margin: 0 0 0 0; padding: 1px 12px; }

#myCRED-wrap .alert { padding: 24px; margin: 0 0 12px 0; }
#myCRED-wrap .alert-warning { background-color: orange; color: #333; }
#myCRED-wrap .table { width: 100%; }

.loading-indicator { height: 5px; width: 100%; position: relative; overflow: hidden; background-color: white; }
.loading-indicator:before { display: block; position: absolute; content: ""; left: -200px; width: 200px; height: 5px; background-color: #c5d93d; animation: loading 2s linear infinite; }
@keyframes loading { from { left: -200px; width: 30%; } 25% { width: 50%; } 50% { width: 50%; } 70% { width: 50%; } 80% { left: 75%; } 95% { left: 100%; } to { left: 100%; } }

/* Accordion */
#myCRED-wrap #accordion { margin: 24px 0; padding: 0; float: none; clear: both; }
body #myCRED-wrap #accordion { border-top: none; border-bottom: 1px solid #dedede; }
body.version-3-8 #myCRED-wrap #accordion { border-top: 1px solid #dedede; border-bottom: 1px solid #fafafa; }
#myCRED-wrap #accordion>h4, #myCRED-wrap #accordion>div>h4 { font-size: 18px; line-height: 48px; font-weight: normal; color: #464646; font-family: "Open Sans", sans-serif; letter-spacing: 1px; width: 100%; text-align: left; }
#myCRED-wrap #accordion>h4:focus, #myCRED-wrap #accordion>div>h4:focus { outline: none; }
#myCRED-wrap #accordion>h4:hover, #myCRED-wrap #accordion>div>h4:hover { cursor: pointer; }
#myCRED-wrap #accordion .ui-accordion-header { padding: 0; margin: 0; background-color: transparent; background: none; border-left: none; border-right: none; }
#myCRED-wrap .ui-accordion .ui-accordion-header .ui-accordion-header-icon { display: none; }
body #myCRED-wrap #accordion .ui-accordion-header { border-top: 1px solid #dedede; border-bottom: none; }
body.version-3-8 #myCRED-wrap #accordion .ui-accordion-header { border-top: 1px solid #fafafa; border-bottom: 1px solid #dedede; }
#myCRED-wrap #accordion .ui-accordion-header input { vertical-align: middle; margin-right: 24px; }
#myCRED-wrap #accordion .ui-state-active { font-weight: normal; }

#myCRED-wrap #accordion h4 .dashicons { display: block; width: 48px; height: 48px; margin: 0 0 0 0; padding: 0; float: left; line-height: 48px; font-size: 26px; }
#myCRED-wrap #accordion h4 .dashicons.active { color: #46b450; }
#myCRED-wrap #accordion h4 .dashicons.inactive { color: #dc3232; }
#myCRED-wrap #accordion h4 .dashicons.static { color: #333; }
#myCRED-wrap #accordion h4 .dashicons.debug { color: orange; }

#myCRED-wrap #accordion h4 label { vertical-align: inherit; }
#myCRED-wrap #accordion h4 .icon { display: block; width: 48px; height: 48px; margin: 0 0 0 0; padding: 0; float: left; line-height: 48px; }
#myCRED-wrap #accordion h4 .icon { background-repeat: no-repeat; background-image: url(../images/admin-icons.png); background-position: 0 0; }
#myCRED-wrap #accordion h4 .icon.icon-active { background-position: -48px 0; }

#myCRED-wrap #accordion h4 .registration { background-position: 0 -48px; }
#myCRED-wrap #accordion h4 .registration.icon-active { background-position: -48px -48px; }

#myCRED-wrap #accordion h4 .logging_in { background-position: 0 -96px; }
#myCRED-wrap #accordion h4 .logging_in.icon-active { background-position: -48px -96px; }

#myCRED-wrap #accordion h4 .publishing_content { background-position: 0 -144px; }
#myCRED-wrap #accordion h4 .publishing_content.icon-active { background-position: -48px -144px; }

#myCRED-wrap #accordion h4 .comments { background-position: 0 -192px; }
#myCRED-wrap #accordion h4 .comments.icon-active { background-position: -48px -192px; }

#myCRED-wrap #accordion h4 .link_click { background-position: 0 -240px; }
#myCRED-wrap #accordion h4 .link_click.icon-active { background-position: -48px -240px; }

#myCRED-wrap #accordion h4 .video_view { background-position: 0 -288px; }
#myCRED-wrap #accordion h4 .video_view.icon-active { background-position: -48px -288px; }

#myCRED-wrap #accordion h4 .affiliate { background-position: 0 -336px; }
#myCRED-wrap #accordion h4 .affiliate.icon-active { background-position: -48px -336px; }

#myCRED-wrap #accordion h4 .remote { background-position: 0 -384px; }
#myCRED-wrap #accordion h4 .remote.icon-active { background-position: -48px -384px; }

#myCRED-wrap #accordion h4 .site_visit { background-position: 0 -432px; }
#myCRED-wrap #accordion h4 .site_visit.icon-active { background-position: -48px -432px; }

#myCRED-wrap #accordion h4 .single { background-position: 0 -480px; }
#myCRED-wrap #accordion h4 .multi { background-position: -48px -480px; }

#myCRED-wrap #accordion h4 .core { background-position: 0 -528px; }
#myCRED-wrap #accordion h4 .core.icon-active { background-position: -48px -528px; }

#myCRED-wrap #accordion>div, #myCRED-wrap #accordion>.mycred-after-core-prefs>div, #myCRED-wrap #accordion>.mycred-type-prefs>div { margin: 0; padding: 12px; }
#myCRED-wrap #accordion>div>p, , #myCRED-wrap #accordion>.mycred-after-core-prefs>div>p, #myCRED-wrap #accordion>.mycred-type-prefs>div>p { margin-top: 0; }
#myCRED-wrap #accordion .ui-accordion-content { display: none;float: none; clear: both; }
body #myCRED-wrap #accordion .ui-accordion-content { border-top: 1px solid #dedede; border-bottom: none; background-color: transparent; background: none; border-left: none; border-right: none; }
body.version-3-8 #myCRED-wrap #accordion .ui-accordion-content { border-top: 1px solid #fafafa; border-bottom: 1px solid #dedede; }
#myCRED-wrap #accordion .ui-accordion-content .wrapper:after { content: "."; height: 0; visibility: hidden; margin: 0; padding: 0; }
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: repeat-x scroll 70% 70% #000; opacity: 0.7; overflow: hidden; background: repeat-x scroll 70% 70% #000; z-index: 99; }

.ui-accordion-content>div.wrapper { display: block; margin: 0; padding: 0; float: none; clear: both; }
.ui-accordion-content>div.wrapper .clear { height: 0; visibility: hidden; display: block; float: none; clear: both; }
.ui-accordion-content>div.wrapper p { margin: 0; padding: 0; }
.ui-accordion-content>div.wrapper .description { float: right; clear: left; color: gray; font-style: italic; font-weight: normal; width: 50%; text-align: left; }
.ui-accordion-content>div.wrapper .links { margin-bottom: 6px; padding-bottom: 4px; }
.ui-accordion-content>form>p { margin: 0 0 24px 0; }

.ui-accordion-content .subheader { display: block; width: 20%; float: left; margin: 0; font-size: 14px; font-weight: bold; }
.ui-accordion-content input[type="file"] { line-height: 26px; }

/* Organized Lists */
#myCRED-wrap ol { list-style-type: none; display: block; padding: 0 0 24px 20%; margin: 0; float: none; clear: right; }
#myCRED-wrap ol.sub-bordered { padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dashed #ddd; }
#myCRED-wrap ol.slim { padding-bottom: 0; }
#myCRED-wrap ol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#myCRED-wrap ol.inline li { display: block; float: left; padding: 0 6px 6px 12px; }
#myCRED-wrap ol.inline li:first-child { padding-left: 0; }
#myCRED-wrap ol.inline li.block { float: none; padding: 0; }
#myCRED-wrap ol.inline.slim li.half { width: 49%; }
#myCRED-wrap ol li.empty { display: block; height: 1px; float: none; clear: both; }
#myCRED-wrap ol input.long { width: 85%; }
#myCRED-wrap ol input.short { width: 80px; }
#myCRED-wrap ol input[type="text"], #myCRED-wrap ol input[type="checkbox"], #myCRED-wrap ol input[type="radio"] { margin-right: 12px; }
#myCRED-wrap ol li.option .h2, #myCRED-wrap ol li.option select, #myCRED-wrap ol li.option textarea { margin-left: 24px; }
#myCRED-wrap ol li h3 { margin-top: 0; margin-bottom: 0; }

/* Setup */
#myCRED-wrap>h2 {  }
#myCRED-wrap form.setup { width: 70%; }
#myCRED-wrap form.setup ol { padding: 12px; }
#myCRED-wrap form.setup .action-row { text-align: right; }
#myCRED-wrap form.setup .action-row input { margin-right: 12px; }
#myCRED-wrap form.setup ol.center { text-align: center; }
#myCRED-wrap form.setup ol.center li { display: inline-block; min-width: 150px; padding: 0; margin: 0; text-align: center; }
#myCRED-wrap form.setup ol.center li.min { width: 49%; float: left; text-align: left; }
#myCRED-wrap form.setup .exchange-rate label { display: block; text-align: left; font-weight: bold; }
#myCRED-wrap form.setup .delete-cubes label { padding-right: 12px; text-align: left; }
#myCRED-wrap form.setup ol.regular li { text-align: left; float: left; padding: 6px; }
#myCRED-wrap form.setup ol.regular li.tl { width: auto; min-width: inherit; }
#myCRED-wrap form.setup ol li h2 { padding-right: 0; }

#myCRED-wrap form.setup ul { line-height: 24px; }
#myCRED-wrap form.setup ul li { padding: 6px 0; margin-bottom: 0; }
#myCRED-wrap form.setup ul li span { font-size: smaller; }
#myCRED-wrap form.setup ul li label { display: inline-block; width: 200px; max-width: 30%; font-weight: bold; }
#myCRED-wrap form.setup ul li input { margin-right: 12px; vertical-align: middle; }

.version-3-8 #accordion pre { background-color: #ddd; color: #333; padding: 6px; }
.mycred-actions { margin-bottom: 2em; }
#mycred-badge { color: #222; background-color: white; }

/* Export */
#export-log-history { clear: both; float: none; padding: 24px 0; margin-top: 12px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin-bottom: 12px; }
#export-log-history input { outline: none; }
#export-log-history p { margin-bottom: 0; }

/* Exporter */
#export-points { background-color: #f3f3f3; font-size: 14px; } 
#export-points .form { display: block; padding: 12px; }
.mycred-export-points { font-family: "Open Sans",sans-serif; background-color: white !important; z-index: 9999 !important; border: none !important; border-radius: 0 !important; background-image: none !important; padding: 0 !important; overflow: visible !important; }
.mycred-export-points.ui-dialog .ui-dialog-content { padding: 0 0 0 0; }
.mycred-export-points .ui-widget-header { border: none !important; background: transparent !important; font-weight: normal !important; }
.mycred-export-points .ui-dialog-titlebar { line-height: 24px !important; border-bottom: 1px solid #ddd !important; border-left: none; border-top: none; border-right: none; padding: 12px !important; border-radius: 0 !important; }
.mycred-export-points .ui-dialog-titlebar:hover { cursor: move; }
.mycred-export-points .ui-dialog-titlebar-close { float: right; margin: 0 12px 0 0; background: 0 0; border: none; -webkit-box-shadow: none; box-shadow: none; color: #666; cursor: pointer; display: block; padding: 0; position: absolute; top: 0; right: 0; width: 36px; height: 36px; text-align: center; font-size: 13px; line-height: 26px; vertical-align: top; white-space: nowrap; }
.mycred-export-points .ui-icon { display: none !important; }
.mycred-export-points .ui-button:focus, .mycred-export-points .ui-button:active { outline: none !important; }
.mycred-export-points .ui-button .ui-button-text { display: block; text-indent: 0; }
.mycred-export-points .ui-dialog-title { font-size: 22px; font-weight: 600; margin: 0 0 0 0; width: auto !important; float: none !important; }
.mycred-export-points .form-control { width: 100%; margin-bottom: 6px; }
.mycred-switch-all-badges-icon{ vertical-align: middle; display: none; }
.mycred-switch-all-badges-icon { -webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}
/* Safari */
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.mycred-after-core-prefs, .mycred-type-prefs {margin: 0px !important;padding: 0px !important;}
.buycred-cashcred-more-tab-btn .additional-text { font-size: 10px;color: #fff;background: #808080;padding: 4px 5px;border-radius: 3px;margin: 0px 8px;}
body #myCRED-wrap #accordion .ui-accordion-header.buycred-cashcred-more-tab-btn.disabled-tab, #myCRED-wrap #accordion h4.disabled-tab .dashicons.static {
    color: #929292;
}
h4.buycred-cashcred-more-tab-btn.ui-accordion-header.ui-state-active:before, h4.buycred-cashcred-more-tab-btn.ui-accordion-header:before {
    content: '';
}