#menu-magmodules-channable-channable a:before {
    background: url(../images/channable.svg) no-repeat scroll 25px 0px;
    height: 35px;
    background-size: 30px;
    content: "";
}

.channable-tab .title {
    line-height: 20px;
}

.channable-tab .title:before {
    width: 20px;
    height: 20px;
    content: " ";
    background: url(../images/channable.svg);
    background-size: 20px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.mm-comment-channable {
    padding: 5px 10px;
}

.mm-heading-channable {
    color: #666;
    text-align: left;
    border: 1px solid rgba(229, 229, 229, 0.27);
    border-left: 2px solid #EA4C00;
    font-size: 14px;
    margin: 20px 0 0;
    padding: 5px 5px 5px 10px;
    background: #F8F8F8;
}

.mm-block-channable {
    background: #F8F8F8 no-repeat 8px;
    border: 1px solid #E5E5E5;
    border-left: 2px solid #EA4C00;
    font-size: 12px;
    color: #303030;
    margin-bottom: 0;
    padding: 1.5rem 1.5rem 1.5rem 75px;
    background-size: 55px;
}

.mm-comment-channable {
    font-size: 12px;
    border-left: 2px solid #F1F1F1;
    padding-left: 10px;
    margin-top: 10px;
    margin-bottom: 5px;
    line-height: 1.6;
    color: #373330;
}

.conditional-modal {
    text-decoration: underline;
    color: #EB5203;
    cursor: help;
    font-size: 13px;
}

.mm-block-channable strong {
    font-weight: 600;
    color: #514943;
}

.mm-block-channable p {
    font-size: 12px;
    margin-left: 9px;
}

.mm-block-channable tr a {
    color: #6D6761;
}

.mm-block-channable tr td {
    padding: 5px 25px 0 0;
}

.mm-block-channable .helpbutton {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
    padding: 20px 10px;
    font-weight: 700;
    float: right;
    background: #514943;
}

@media only screen and (min-width: 1375px) {
    .mm-block-channable .helpbutton {
        color: #FFF;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
        padding: 20px 20px 20px 50px;
        font-weight: 700;
        float: right;
        background: url(../images/icons.png) no-repeat scroll 7px -108px #514943;
        background-size: 35px;
    }
}

.mm-block-channable .helpbutton:hover {
    background-color: #373330;
    text-decoration: none;
}

.mm-block-channable .icon1 {
    background: url(../images/icons.png) no-repeat scroll 2px -51px;
    background-size: 30px;
    width: 35px;
    height: 27px;
    float: left;
}

.mm-block-channable .icon2 {
    background: url(../images/icons.png) no-repeat scroll 3px -27px;
    background-size: 31px;
    width: 35px;
    height: 25px;
    float: left;
}

.mm-block-channable .icon3 {
    background: url(../images/icons.png) no-repeat scroll 4px -4px;
    background-size: 31px;
    width: 35px;
    height: 25px;
    float: left;
}

.mm-comment-hover .readmore {
    cursor: help !important;
    float: right;
    margin-top: -30px;
    border: 0;
    background-color: transparent !important;
    opacity: 1 !important;
    color: #524A43 !important;
    font-size: 12px;
    text-align: right;
    margin-right: 0;
    padding-right: 30px;
}

@media only screen and (max-width: 1070px) {
    .mm-comment-hover .readmore {
        width: 30px;
        margin-right: 0;
        padding-right: 0;
    }

    .mm-comment-hover:before {
        display: none;
    }
}

.mm-comment-hover #content {
    display: none;
    font-size: 12px;
    line-height: 18px;
}

.mm-comment-hover input[type="text"] {
    color: transparent;
    text-shadow: 0 0 0 #000;
    padding: 6px 12px;
    width: 150px;
    cursor: pointer;
}

.mm-comment-hover input[type="text"]:focus {
    outline: none;
}

.mm-comment-hover input:focus + div#content {
    display: block;
}

.mm-block-channable-feeds {
}

.mm-block-channable-feeds .title {
    clear: both;
    color: #0A0A0A;
    cursor: pointer;
    display: block;
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: .025em;
    padding: 1.9rem 2.8rem 1.9rem 0;
    position: relative;
    text-decoration: none;
    transition: color .15s linear;
}

.mm-block-channable-feed-table {
    border-top: 1px solid rgba(81, 73, 67, 0.15);
    width: 99%;
    color: #666;
    text-align: left;
    border-right: 1px solid rgb(223, 222, 221);
    border-left: 2px solid #EA4C00;
    font-size: 14px;
    margin: 20px 0 0;
    padding: 20px;
    background: #F8F8F8;
}

.mm-block-channable-feed-table tr {
    border-bottom: 1px solid #DFDEDD;
}

.mm-block-channable-feed-table tr td {
    padding: 10px;
}

.mm-block-channable-feed-table a.connect {
    color: #EB5202;
    line-height: 2em;
}

.mm-block-channable-feed-table a.connect:before {
    content: '\e610';
    font-family: 'Admin Icons';
    margin-right: 9px;
    font-size: 16px;
    float: left;
}

.mm-block-channable-feed-table a.preview {
    color: #185B00;
    line-height: 2em;
}

.mm-block-channable-feed-table a.preview:before {
    content: '\e60f';
    font-family: 'Admin Icons';
    margin-right: 9px;
    font-size: 9px;
    float: left;
}

.mm-block-channable-feed-table a.json:before {
    content: '\e61a';
    font-family: 'Admin Icons';
    font-size: 15px;
    margin-top: 2px;
    margin-right: 10px;
    float: left;
}

.mm-block-channable-feed-table a.download {
    color: #666666;
    line-height: 2em;
}

#row_magmodules_channable_marketplace_item_item_stores tr {
    border-bottom: 1px solid #E3E3E3;
}

#row_magmodules_channable_marketplace_item_item_stores tr:first-child {
    font-weight: bold;
}

#row_magmodules_channable_marketplace_item_item_stores td {
    padding: 1.3rem 3.5rem 10px 0;
}

#row_magmodules_channable_marketplace_order_item_stores tr {
    border-bottom: 1px solid #E3E3E3;
}

#row_magmodules_channable_marketplace_order_item_stores tr:first-child {
    font-weight: bold;
}

#row_magmodules_channable_marketplace_order_item_stores td {
    max-width: 375px;
    padding-bottom: 10px;
    padding-top: 10px;
    height: 30px;
    word-wrap: break-word;
    hyphens: auto;
    font-size: 12px;
}

.channable-success {
    display: block;
    line-height: 30px;
    background: white;
    border: 2px solid #119A4A;
    border-radius: 2px;
    font-size: 12px;
    padding-left: 10px;
}

.channable-success:before {
    font-family: 'Admin Icons';
    font-style: normal;
    font-weight: 400;
    padding: 5px;
    color: #119A4A;
    content: '\e62d';
    font-size: 12px;
}

.channable-notice {
    display: block;
    line-height: 25px;
    background: white;
    border: 2px solid #373330;
    border-radius: 2px;
    padding-left: 10px;
    font-size: 12px;
}

.channable-notice:before {
    font-family: 'Admin Icons';
    font-style: normal;
    font-weight: 400;
    padding: 5px;
    color: #373330;
    content: '\e607';
}

.channable-error {
    display: block;
    line-height: 30px;
    background: white;
    border: 2px solid #CD2026;
    border-radius: 2px;
    padding-left: 10px;
    font-size: 12px;
}

.channable-error:before {
    color: #CD2026;
    content: '\e623';
    font-family: 'Admin Icons';
    font-style: normal;
    font-weight: 400;
    padding: 5px;
}

#magmodules_channable_marketplace_general_version {
    padding-top: 0px
}

a.channable-tooltip span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: auto;
}

a.channable-tooltip:hover span {
    display: block;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #6C6C6C;
    width: auto;
    margin-right: 20px;
}

.order-payment-method .channable td {
    text-align: left !important;
}

.order-payment-method .channable {
    margin-bottom: 20px;
    border: 1px solid #E3E3E3;
}


.channable-table .data-grid thead tr th {
    padding: 10px;
}

.channable-table .data-grid td {
    padding: 10px !important;
}

.channable-table .data-grid td textarea {
    min-height: 200px;
}

.channable-table .data-grid td a {
    background-color: #eb5202;
    border-color: #eb5202;
    color: #ffffff;
    padding: 5px;
    text-shadow: 1px 1px 0 rgb(0 0 0 / 25%);
    display: block;
    text-align: center;
}

.channable-table .data-grid td a:hover {
    text-decoration: none;
    background: #be4201;
}

.grid-more-info span {
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: auto;
}

.grid-more-info:hover span {
    display: block;
    position: absolute;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #6C6C6C;
    width: auto;
    margin-right: 20px;
    z-index: 9999;
}


.grid-more-info span table {
    border-top: 1px solid #cccccc;
}

.grid-more-info span table td:first-child {
    font-weight: bold;
    font-size: 11px;
    padding: 7px;
}

.grid-more-info span table td {
    font-size: 11px;
    padding: 7px;
}

.grid-more-info span table tr {
    border-bottom: 1px solid whitesmoke;
}