/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .ebod-notice-credits {
     float: right;
     width: 350px;
     background: #fff;
     margin: 20px -300px 20px 20px;
     position: relative;
     box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
 }

 .ebod-notice-credits .inner {
     padding: 1.33em
 }

 .ebod-notice-credits .inner img {
     max-width: 80%;
     height: auto;
     display: block;
     margin: 20px auto
 }

 .ebod-notice-settings .ebod-notice-credits h2 {
     border: none;
     padding-bottom: 0
 }

 .ebod-notice-credits .inner {
     text-align: center;
     margin-bottom: 10px
 }

 .ebod-notice-credits .cn-btn {
     border-radius: 3em;
     padding: .75em 2.5em;
     box-shadow: none;
     border: 2px solid #20C19E;
     outline: none;
     background: #20C19E;
     font-size: 15px;
     font-weight: 700;
     color: #fff;
     cursor: pointer;
     display: inline-block;
     text-decoration: none
 }

 .ebod-notice-credits .cn-btn:hover,
 .ebod-notice-credits .cn-btn:focus {
     box-shadow: none;
     border: 2px solid #20C19E;
     background: #20C19E;
     color: #fff;
     text-decoration: none !important
 }

 .ebod-notice-credits h3 {
     font-size: 14px;
     line-height: 1.4;
     margin: 0;
     padding: .66em 1.33em;
     ;
     border-bottom: 1px solid #eee
 }

 .ebod-notice-settings .df-credits form {
     min-width: 260px;
     margin-bottom: 1em
 }

 .ebod-notice-settings .df-credits form input {
     margin: 0;
     padding: 0
 }

 .ebod-notice-settings {
     margin-right: 300px
 }

 .ebod-notice-settings hr,
 .df-credits hr {
     border: solid #eee;
     border-width: 1px 0 0;
     clear: both;
     height: 0
 }

 .ebod-notice-settings h2 {
     margin: 1.5em 0;
     padding-bottom: 1em;
     border-bottom: 1px solid #ccc
 }

 .ebod-notice-settings form {
     float: left;
     min-width: 463px;
     width: 70%
 }

 .ebod-notice-settings .ui-button {
     margin-bottom: 5px
 }

 .ebod-notice-settings .description {
     font-size: 13px;
     margin-bottom: 8px
 }

 .ebod-notice-settings .description strong {
     color: #444
 }

 #cn_colors label {
     min-width: 10em;
     display: inline-block
 }

 #cn_colors div {
     vertical-align: middle
 }

 #cn_refuse_code .nav-tab-wrapper {
     padding-top: 0
 }

 #cn_refuse_code .refuse-code-tab {
     display: none
 }

 #cn_refuse_code .refuse-code-tab.active {
     display: block
 }

 #cn_refuse_code .refuse-code-tab .description {
     margin-top: 10px
 }

 .cn_compliance_status {
     margin-right: 15px
 }

 #cn_app_status .cn_compliance_status label {
     margin-left: 5px !important
 }

 #cn_app_status {
     margin-bottom: 30px
 }

 #cn_app_status label {
     text-transform: uppercase;
     font-weight: 700;
     position: relative;
     color: #999
 }

 #cn_app_status label.cn-active {
     color: green
 }

 #cn_app_status label.cn-active:before {
     background-color: green;
     box-shadow: 0 0 0 2px green
 }

 #cn_app_status label.cn-inactive {
     color: red
 }

 #cn_app_status label.cn-inactive:before {
     background-color: red;
     box-shadow: 0 0 0 2px red
 }

 #cn_app_status label:before {
     background-color: #999;
     width: 10px;
     height: 10px;
     border-radius: 10px;
     content: '';
     display: inline-block;
     vertical-align: middle;
     margin-right: 10px;
     box-shadow: 0 0 0 2px #999;
     border: 2px solid #fff;
     position: relative;
     top: -2px
 }

 #cn_colors_bar_opacity_range {
     vertical-align: middle;
     margin-right: 10px
 }

 @media only screen and (max-width:959px) {
     .ebod-notice-credits {
         width: 100%;
         float: none;
         margin: 20px 0
     }

     .ebod-notice-settings {
         margin-right: 0
     }
 }