.btn:focus {
    outline: none;
}

.modal-dialog {
    left: 0%;
}



ul#DashboardTab a.filter-item, ul#channelsSectionTab a.filter-item {
    padding: 6px 0 4px 0px !important;
    margin: 0px;
    color: #c5c5c5;
    font-size: 13px;
    border-style: none !important;
}

ul#DashboardTab li.active, ul#channelsSectionTab li.active {
    color: #f15b2d;
    border: 2px solid #f15b2d;
    padding: 0 20px;
}

ul#DashboardTab li, ul#channelsSectionTab li {
    color: #f15b2d;
    border: 2px solid #ffffff00;
    padding: 0 20px;
}

ul#DashboardTab li.active a.filter-item, ul#channelsSectionTab li.active a.filter-item {
    color: #f15b2d;
}

ul#DashboardTab li, ul#channelsSectionTab li {
    padding: 0 20px;
}

ul#DashboardTab, ul#channelsSectionTab {
    border-style: none !important;
}

ul#DashboardTab a.filter-item:hover, ul#channelsSectionTab a.filter-item:hover {
    background: none !important;
    /* background-color: #f0ffff00!important; */
}


.login-block input[type="checkbox"] {
    display: none !important;
}

    .login-block input[type="checkbox"] ~ label:before {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        content: "";
    }

    .login-block input[type="checkbox"] ~ label {
        display: inline-block;
        width: 22px;
        height: 22px;
        margin: 0px 8px 0 0;
        vertical-align: middle;
        cursor: pointer;
        line-height: 500px;
        overflow: hidden;
        border: 2px solid #e6e6e6;
        background-color: #fff;
        border-radius: 100%;
    }

        .login-block input[type="checkbox"] ~ label span {
            display: block;
            height: 14px;
            width: 14px;
            margin: 2px;
            background-color: rgb(255, 255, 255);
            border-radius: 100%
        }

    .login-block input[type="checkbox"]:checked ~  label span {
        background-color: #b40a35;
    }


.login-block b.Remember {
    padding-top: 3px;
}


.login-block.register .general-input.margin-bottom {
    margin-bottom: 0px;
    margin-top: 15px;
}


.developed span {
    width: auto!important;
}

.developed a {
    float: left !important;
}


.be_options_Center{
    text-align:center;
}

#ChannelMenuButton{
    margin:auto;
}



#ChannelMenuButton {
    display: inline-block;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='sync' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sync fa-w-16 fa-3x'%3e%3cpath fill='%23444' d='M427.84 380.67l-196.5 97.82a18.6 18.6 0 0 1-14.67 0L20.16 380.67c-4-2-4-5.28 0-7.29L67.22 350a18.65 18.65 0 0 1 14.69 0l134.76 67a18.51 18.51 0 0 0 14.67 0l134.76-67a18.62 18.62 0 0 1 14.68 0l47.06 23.43c4.05 1.96 4.05 5.24 0 7.24zm0-136.53l-47.06-23.43a18.62 18.62 0 0 0-14.68 0l-134.76 67.08a18.68 18.68 0 0 1-14.67 0L81.91 220.71a18.65 18.65 0 0 0-14.69 0l-47.06 23.43c-4 2-4 5.29 0 7.31l196.51 97.8a18.6 18.6 0 0 0 14.67 0l196.5-97.8c4.05-2.02 4.05-5.3 0-7.31zM20.16 130.42l196.5 90.29a20.08 20.08 0 0 0 14.67 0l196.51-90.29c4-1.86 4-4.89 0-6.74L231.33 33.4a19.88 19.88 0 0 0-14.67 0l-196.5 90.28c-4.05 1.85-4.05 4.88 0 6.74z' class=''%3e%3c/path%3e%3c/svg%3e");
    vertical-align: bottom;
    color: #313131;
    font-size: 14px;
    width: auto;
    background-position: 20px;
    padding: 10px 20px;
    padding-left: 54px;
}


.CenterOptionsContainer {
    margin: auto;
    float: none;
    width: 100%;
    position: absolute;
    z-index: 2;
}

.CenterOptions {
 
    margin: auto;
    padding: 10px;
}

div#ChanelsSections .CenterOptions {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='sync' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-sync fa-w-16 fa-3x'%3e%3cpath fill='%23444' d='M427.84 380.67l-196.5 97.82a18.6 18.6 0 0 1-14.67 0L20.16 380.67c-4-2-4-5.28 0-7.29L67.22 350a18.65 18.65 0 0 1 14.69 0l134.76 67a18.51 18.51 0 0 0 14.67 0l134.76-67a18.62 18.62 0 0 1 14.68 0l47.06 23.43c4.05 1.96 4.05 5.24 0 7.24zm0-136.53l-47.06-23.43a18.62 18.62 0 0 0-14.68 0l-134.76 67.08a18.68 18.68 0 0 1-14.67 0L81.91 220.71a18.65 18.65 0 0 0-14.69 0l-47.06 23.43c-4 2-4 5.29 0 7.31l196.51 97.8a18.6 18.6 0 0 0 14.67 0l196.5-97.8c4.05-2.02 4.05-5.3 0-7.31zM20.16 130.42l196.5 90.29a20.08 20.08 0 0 0 14.67 0l196.51-90.29c4-1.86 4-4.89 0-6.74L231.33 33.4a19.88 19.88 0 0 0-14.67 0l-196.5 90.28c-4.05 1.85-4.05 4.88 0 6.74z' class=''%3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: 16px 9px;
    background-color: #fff;
    overflow: auto;
}

.CenterOptionsContainer .CenterOptions {
    width: 400px; 
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 15px;
    z-index: 1;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
}

.Channel.Active, .Channel:hover {
    background-color: #eeeeee;
    border-radius: 5px;
}

.Channel{
    cursor: pointer;
}

.main_container {
    padding-bottom: 200px;
}

.row-fluid.outer_wrapper.big_container {
    overflow: visible;
}

.be_box_more {
    display: inline-block;
    position: relative;
    width: 600px;
    height: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 3px;
    overflow: auto;
    padding: 5px 15px;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    margin: auto;
    top: 110px;
}


.BoxContactClose {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' class='svg-inline--fa fa-times fa-w-12 fa-3x'%3e%3cpath fill='%23f34' d='M217.5 256l137.2-137.2c4.7-4.7 4.7-12.3 0-17l-8.5-8.5c-4.7-4.7-12.3-4.7-17 0L192 230.5 54.8 93.4c-4.7-4.7-12.3-4.7-17 0l-8.5 8.5c-4.7 4.7-4.7 12.3 0 17L166.5 256 29.4 393.2c-4.7 4.7-4.7 12.3 0 17l8.5 8.5c4.7 4.7 12.3 4.7 17 0L192 281.5l137.2 137.2c4.7 4.7 12.3 4.7 17 0l8.5-8.5c4.7-4.7 4.7-12.3 0-17L217.5 256z' class=''%3e%3c/path%3e%3c/svg%3e");
    position: relative;
    right: 0px;
    top: -5px;
    float: right;
    height: 27px;
    width: 29px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: 20px;
    background-position: center;
    border-radius: 4px;
}


.BoxContactClose:hover {
    background-color: #eee;
}

.be_box_article .be_more {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='list-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-list-alt fa-w-16 fa-3x'%3e%3cpath fill='%23444' d='M464 64c8.823 0 16 7.178 16 16v352c0 8.822-7.177 16-16 16H48c-8.823 0-16-7.178-16-16V80c0-8.822 7.177-16 16-16h416m0-32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-336 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm288-148v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6zm0 96v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6zm0 96v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_article .be_open {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='external-link-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-external-link-square fa-w-14 fa-3x'%3e%3cpath fill='%23444' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zM99.515 374.828c-4.686-4.686-4.686-12.284 0-16.971l195.15-195.15-.707-.707-89.958.342c-6.627 0-12-5.373-12-12v-9.999c0-6.628 5.372-12 12-12L340 128c6.627 0 12 5.372 12 12l-.343 136c0 6.627-5.373 12-12 12h-9.999c-6.627 0-12-5.373-12-12l.342-89.958-.707-.707-195.15 195.15c-4.686 4.686-12.284 4.686-16.971 0l-5.657-5.657z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_article .be_more:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='list-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-list-alt fa-w-16 fa-3x'%3e%3cpath fill='%23ff8b11' d='M464 64c8.823 0 16 7.178 16 16v352c0 8.822-7.177 16-16 16H48c-8.823 0-16-7.178-16-16V80c0-8.822 7.177-16 16-16h416m0-32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm-336 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm0 96c-17.673 0-32 14.327-32 32s14.327 32 32 32 32-14.327 32-32-14.327-32-32-32zm288-148v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6zm0 96v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6zm0 96v-24a6 6 0 0 0-6-6H198a6 6 0 0 0-6 6v24a6 6 0 0 0 6 6h212a6 6 0 0 0 6-6z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_article .be_open:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='external-link-square' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-external-link-square fa-w-14 fa-3x'%3e%3cpath fill='%23ff8b11' d='M400 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zm16 400c0 8.822-7.178 16-16 16H48c-8.822 0-16-7.178-16-16V80c0-8.822 7.178-16 16-16h352c8.822 0 16 7.178 16 16v352zM99.515 374.828c-4.686-4.686-4.686-12.284 0-16.971l195.15-195.15-.707-.707-89.958.342c-6.627 0-12-5.373-12-12v-9.999c0-6.628 5.372-12 12-12L340 128c6.627 0 12 5.372 12 12l-.343 136c0 6.627-5.373 12-12 12h-9.999c-6.627 0-12-5.373-12-12l.342-89.958-.707-.707-195.15 195.15c-4.686 4.686-12.284 4.686-16.971 0l-5.657-5.657z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_client .be_contact {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='address-card' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-address-card fa-w-18 fa-3x'%3e%3cpath fill='%23444' d='M512 32H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zm32 384c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V96c0-17.6 14.4-32 32-32h448c17.6 0 32 14.4 32 32v320zm-72-128H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0-64H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0-64H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM208 288c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm46.8 144c-19.5 0-24.4 7-46.8 7s-27.3-7-46.8-7c-21.2 0-41.8 9.4-53.8 27.4C100.2 342.1 96 355 96 368.9V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-23.1c0-7 2.1-13.8 6-19.6 5.6-8.3 15.8-13.2 27.3-13.2 12.4 0 20.8 7 46.8 7 25.9 0 34.3-7 46.8-7 11.5 0 21.7 5 27.3 13.2 3.9 5.8 6 12.6 6 19.6V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-23.1c0-13.9-4.2-26.8-11.4-37.5-12.3-18-32.9-27.4-54-27.4z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_client .be_ban {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='ban' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-ban fa-w-16 fa-3x'%3e%3cpath fill='%23444' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zM103.265 408.735c-80.622-80.622-84.149-208.957-10.9-293.743l304.644 304.643c-84.804 73.264-213.138 69.706-293.744-10.9zm316.37-11.727L114.992 92.365c84.804-73.263 213.137-69.705 293.743 10.9 80.622 80.621 84.149 208.957 10.9 293.743z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_client .be_contact:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='address-card' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' class='svg-inline--fa fa-address-card fa-w-18 fa-3x'%3e%3cpath fill='%23ff8b11' d='M512 32H64C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64zm32 384c0 17.6-14.4 32-32 32H64c-17.6 0-32-14.4-32-32V96c0-17.6 14.4-32 32-32h448c17.6 0 32 14.4 32 32v320zm-72-128H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0-64H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zm0-64H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM208 288c44.2 0 80-35.8 80-80s-35.8-80-80-80-80 35.8-80 80 35.8 80 80 80zm0-128c26.5 0 48 21.5 48 48s-21.5 48-48 48-48-21.5-48-48 21.5-48 48-48zm46.8 144c-19.5 0-24.4 7-46.8 7s-27.3-7-46.8-7c-21.2 0-41.8 9.4-53.8 27.4C100.2 342.1 96 355 96 368.9V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-23.1c0-7 2.1-13.8 6-19.6 5.6-8.3 15.8-13.2 27.3-13.2 12.4 0 20.8 7 46.8 7 25.9 0 34.3-7 46.8-7 11.5 0 21.7 5 27.3 13.2 3.9 5.8 6 12.6 6 19.6V392c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8v-23.1c0-13.9-4.2-26.8-11.4-37.5-12.3-18-32.9-27.4-54-27.4z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.be_box_client .be_ban:hover {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='ban' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-ban fa-w-16 fa-3x'%3e%3cpath fill='%23f34' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zM103.265 408.735c-80.622-80.622-84.149-208.957-10.9-293.743l304.644 304.643c-84.804 73.264-213.138 69.706-293.744-10.9zm316.37-11.727L114.992 92.365c84.804-73.263 213.137-69.705 293.743 10.9 80.622 80.621 84.149 208.957 10.9 293.743z' class=''%3e%3c/path%3e%3c/svg%3e");
}


.be_box_article .be_channel.be_channel_ml {
    background-color: #ffffff00;
    background-size: 70px;
}

.be_box_question .be_name {
    color: #444444;
}


.btn-sherlock {
    padding: 17px 50px;
}

.alert-text {
    font-size: 1.2em;
}

p.InputAlert {
    color: #b50a35;
    font-weight: bold;
    padding-top: 20px;
}


.InputError {
    border: 2px solid #b50a35!important;
}

a.disabled, a.disabled:active, a.disabled:focus, a.disabled:visited, a.disabled:hover {
    background-color: #f15b2d54;
}


.modal-big .modal-content textarea {
    max-width: 100%;
    height: 90px;
}




.btn-var-sherlock {
    color: #fff;
    background-color: #f15b2d;
    line-height: 17px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    font-size: 13px;
    border: 0;
    margin-top: 15px;
    margin-right: 10px;
    margin-left: 10px;
}

.form-group.padding-bottom {
    overflow: auto;
}

.noPadding {
    padding: 0;
}

.step3varbuttons {
    text-align: center;
   
}

.Step4Booleans {
    padding-top: 20px;
}

.SaludoFinal {
    padding-top: 20px;
}

.header .top_section .user_wrapp .user_panel {
    background-size: cover !important;
}

.btn-sherlock {
    display: inline-block;
    line-height: inherit;
}




div#ChennelIcon {
    display: inline-block;
}

img#ChannelIconImg {
    height: 30px;
    padding-top: 2px;
}


p.SherlockUserName {
    float: none !important;
    height: auto !important;
    padding-top: 13px !important;
    padding-left: 0px !important;
    display: inline-block;
    padding-right: 20px;
    font-size: 15px !important;
    color: #333333;
    box-shadow: none !important;
    text-transform: uppercase;
}


@media (max-width: 500px) {
    p.SherlockUserName {
        display: none;
    }
}


@media (min-width: 860px) {
    .AddAccount3 .modal-big .modal-dialog {
        width: 850px;
    }
}


.AddAccount3 .btn-sherlock {
    margin-bottom: 20px;
}

.AddAccount3  .modal-big .modal-body {
    padding: 55px;
    padding-bottom: 35px;
}

@media (max-width: 660px) {
    .AddAccount3 .btn-sherlock {
        margin-right: 0px;
        margin-left: 0px;
        display: inline-table;
        width: 100%;
    }
}



.pricing a.btn-red.btn {
    display: inline-block;
    width: auto;
    padding: 15px 50px;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    border-radius: 60px;
}

.container.center {
    text-align: center;
}


.bottomLine {
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}

.TopPadding30 {
    padding-top: 30px;
    overflow: auto;
}

.TopMargin20 {
    margin-top: 20px;
}

.UserCreationForm .form-group.general-input {
    width: fit-content;
    margin: auto;
}

@media (min-width: 400px) {
    .UserCreationForm .form-group.general-input {
        width: 368px;
    }
}

.be_box_answer input.be_send {
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 23px;
}

.be_box_answer .be_cancel {
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 23px;
    background-color: #c1c1c1;
}

.be_box_question .be_write {
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 23px;
}

.be_options_right div, .be_options_right form {
    margin: 0px 5px;
}

textarea#AnswerTxt.error {
    background-color: #ffd4d4;
}


textarea#AnswerTxt {
    min-width: auto;
    max-width: none;
    width: 100%;
}

.form-control {
    margin-bottom: 15px;
}


.AnswersBody .be_answered.be_selectable {
    text-align: left;
    word-break: break-all;
}

div#LoaderDashboard {
    background-color: #ffffff7a;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.LoadCenter {
    display: table;
    width: 100%;
    height: 100%;
}

.LoadCenterImg {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}



span.filter-mobile {
    display: none;
}

@media (max-width: 767px) {

    ul#DashboardTab li {
        width: 50%;
    }

    .dropdown {
        width: 100%;
    }

    ul#DashboardTab a.filter-item {
        text-align: center;
    }

    .CenterOptionsContainer .CenterOptions {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }

    .Channel.ChannelMenuButton.col-sm-3 {
        width: 50%;
        float: left;
        text-align: center;
    }

    .Channel.ChannelMenuButton img.img-responsive {
        margin: auto;
        padding: 10px;
    }

    .filters.padding-bottom.padding-top {
        padding-top: 15px !important;
    }

    .main_container {
        padding-bottom: 25px;
    }

    .be_box_question span.be_name.be_selectable {
        display: block;
        line-height: 20px;
    }

    .be_box_question .be_label {
        padding-top: 0px;
    }


    .AnswersBody .be_options_Center {
        text-align: right;
        margin-top: 0px;
    }

    .AnswersBody  .be_main > .be_options {
        min-height: 85px;
        overflow: auto;
    }

    .AnswersBody .be_options_right {
        margin-top: 40px;
    }

    .AnswersBody .be_options_left {
        overflow: auto;
        margin-top: 40px;
    }

    .AnswersBody .be_box_question span.be_name.be_selectable {
        overflow: auto;
        word-wrap: break-word;
    }


    .body-content {
        padding-left: 0px;
        padding-right: 0px;
    }


    .be_box_article .be_title.be_selectable {
        width: 100%;
        float: none;
        display: block;
        padding: 0;
        padding-top: 110px;
    }

    .be_box_article .be_id.be_selectable {
        padding: 0;
    }

    .be_box_article .be_price.be_selectable {
        padding: 0;
    }

    .be_box_article .be_stock.be_selectable {
        padding: 0;
    }

    .be_box_article .be_shipping.be_selectable {
        padding: 0;
    }



    .be_info.be_button {
        display: none!important;
    }

    .be_operator.be_button.be_disabled {
        display: none!important;
    }

    div#be_content {
        padding: 15px 0px;
    }


}


.CenterOptionInternal {
    display: inline-flex;
}

select#dropdownUserChannelFilter {
    padding: 4px 8px;
    width: 100%;
}

.containerFull {
    margin-bottom: 15px;
}

.containerFull p {
    padding-bottom: 5px;
}

.CenterOptionsContainer button.LeftOptionsButton {
    margin: 0px;
    border-radius: 15px;
    padding: 8px 25px;
}

.modal-backdrop.in {
    opacity: .15;
}

.modal-canal.serverDisabled .close {
    margin-top: 0px;
    margin-right: 0px;
}


.modal-canal.serverDisabled .modal-body {
    position: relative;
    padding: 20px;
    text-align: center;
}

.modal-canal.serverDisabled p.modal_canal_text {
    padding-bottom: 22px;
}

.CenterOptionInternal div#RespuestasPendientes {
    padding-left: 5px;
    color: #ff8c13;
    font-weight: 600;
}

p#PreguntasPendientesMenu {
    font-size: 11px;
    position: absolute;
    top: -12px;
    left: 66px;
}

p#PreguntasPostVentaPendientesMenu {
    font-size: 11px;
    position: absolute;
    top: -12px;
    left: 66px;
}

.menu ul li.active p#PreguntasPendientesMenu {
    color: #f15b2d;
}

div#loader {
    text-align: center;
}

a.filter-item {
    background-color: #ffffff00!important;
}

.CharactersRemaining {
    float: right;
    padding: 3px;
    font-size: 11px;
}

.be_answer {
    overflow: hidden;
}




.leftOptionsControlButtons {
    padding-top: 0px;
    padding-bottom: 8px;
}

#ToTopButton {
    position: fixed;
    bottom: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    z-index: 20;
    background-color: #b50a35;
    border-radius: 30px;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.28);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='address-card' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-address-card fa-w-18 fa-3x'%3e%3cpath fill='%23444' d='M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z' ");
}

svg.svg-inline--fa.fa-angle-up.fa-w-10 {
    position: relative;
    top: -2px;
    color: white;
    width: 33px;
    height: 40px;
    left: 4px;
}


.Tablecontainer {
    border: 1px solid #333333;
    margin-top: 20px;
}

#ListArticles table, #ShoppingList table, #ConfirmList table {
    width: 100%;
}

.SectionTablesTitle {
    overflow: auto;
    background-color: #f3f3f3;
    min-height: 68px;
}


.left.col-md-7 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 30px;
    padding-top: 12px;
}

.SectionTablesTitle .left {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 30px;
    padding-top: 20px;
}

.SectionTablesTitle .form-group.general-input.margin-bottom {
    margin-bottom: 0;
    padding-top: 15px;
    padding-bottom: 0;
}

.SectionTablesTitle select#Channel {
    margin-bottom: 0;
}

.SectionTablesBody {
    padding: 16px;
}

.Tablecontainer .center {
    text-align: center;
    padding: 20px 5px;
    padding-top: 0px;
}

.SectionTablesBody th {
    text-transform: uppercase;
    font-weight: 700;
}

.SectionTablesBody th {
    vertical-align: middle;
    padding: 10px 0px 15px 0;
    padding-right: 10px;
}

.SectionTablesBody td {
    vertical-align: middle;
    padding: 15px 10px 15px 0;
}

.SectionTablesBody .ActionColumn {
    padding: 15px 0px 15px 0;
    width: 26px;
}

.PlusIcon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='list-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-list-alt fa-w-16 fa-3x'%3e%3cpath fill='%230bb50a' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z' class=''%3e%3c/path%3e%3c/svg%3e");
    width: 15px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}


.CancelIcon {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='list-alt' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512' class='svg-inline--fa fa-list-alt fa-w-16 fa-3x'%3e%3cpath fill='%23b50a35' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z' class=''%3e%3c/path%3e%3c/svg%3e");
    width: 15px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

#ListArticles tr, #ShoppingList tr, #ConfirmList tr{
    border-bottom: 1px solid #e0e0e0;
}


#ListArticles tr:last-child{
     border: none;
}


.margin-bottom-20 {
    margin-bottom: 20px;
}

.EmptyTr td{
    padding-top: 45px;
}

tr.TableTotal td {
    padding: 22px 0;
    font-weight: 700;
}

div#ShoppingList {
    padding-bottom: 4px;
}

.PaymentGalery {
    padding: 15px;
    padding-bottom: 0px;
}

.PaymentGalery h3 {
    font-size: 17px;
margin-top: 8px;
}

.paymentButtons {
    float: left;
    width: 50%;
    padding: 15px;
}

.paymentButtons > div {
    padding: 15px;
    border: 1px solid #e1e1e1;
    text-align: center;
}

.paymentButtons img {
    width: 100%;
    max-width: 150px;
}

#ListArticles input.volume {
    padding: 5px;
    width: 60px;
}

.center {
    text-align: center;
}

img.ConfirmBuyIcon {
    max-width: 170px;
    max-height: 170px;
    padding-bottom: 27px;
}

.AddAccount2 tr.InstentColor3 {
    border-left-color: #1ea02d;
    border-left-width: 6px;
    border-left-style: solid;
}

.AddAccount2 tr.InstentColor1, .AddAccount2 tr.InstentColor2 {
    border-left-color: #ffda0c;
    border-left-width: 6px;
    border-left-style: solid;
}

.AddAccount2 tr.InstentColor0 {
    border-left-color: #b50a35;
    border-left-width: 6px;
    border-left-style: solid;
}



.AddAccount2 td:first-child {
    padding-left: 10px !important;
}

.be_question.article.AutoCompleted {
    border: 1px solid #ff8b11;
}


.be_options.FloatSubMenu {
    width: 77%;
    z-index: 5;
    position: fixed;
    top: 72px;
    background-color: white;
}

.AnswersBody div#be_content {
    padding-top: 70px;
}

.FloatSubMenu {
    width: 77%;
}



.FloatSubMenuPopUp {
    width: 77%;
    position: fixed !important;
    padding-top: 52px !important;
    z-index: 4;

}

@media (max-width: 1023px) {
    .be_options.FloatSubMenu {
        top: 65px;
    }

    .FloatSubMenuPopUp {
        padding-top: 90px !important;
    }

    .AnswersBody div#be_content {
        padding-top: 100px;
    }
}


.AddGreetingButton {
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-right: 23px;
    background-color: #fff;
    display: inline-block;
    color: #ff8b11;
    height: 35px;
    padding: 8px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 19px;
    margin: 0px 5px 0 5px;
    text-align: center;
    font-size: 14px;
    padding-left: 50px;
    padding-right: 23px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='times-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-times-circle fa-w-16 fa-3x'%3e%3cpath fill='%23ff8b11' d='M519.2 127.9l-47.6-47.6A56.252 56.252 0 0 0 432 64H205.2c-14.8 0-29.1 5.9-39.6 16.3L118 127.9H0v255.7h64c17.6 0 31.8-14.2 31.9-31.7h9.1l84.6 76.4c30.9 25.1 73.8 25.7 105.6 3.8 12.5 10.8 26 15.9 41.1 15.9 18.2 0 35.3-7.4 48.8-24 22.1 8.7 48.2 2.6 64-16.8l26.2-32.3c5.6-6.9 9.1-14.8 10.9-23h57.9c.1 17.5 14.4 31.7 31.9 31.7h64V127.9H519.2zM48 351.6c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16zm390-6.9l-26.1 32.2c-2.8 3.4-7.8 4-11.3 1.2l-23.9-19.4-30 36.5c-6 7.3-15 4.8-18 2.4l-36.8-31.5-15.6 19.2c-13.9 17.1-39.2 19.7-55.3 6.6l-97.3-88H96V175.8h41.9l61.7-61.6c2-.8 3.7-1.5 5.7-2.3H262l-38.7 35.5c-29.4 26.9-31.1 72.3-4.4 101.3 14.8 16.2 61.2 41.2 101.5 4.4l8.2-7.5 108.2 87.8c3.4 2.8 3.9 7.9 1.2 11.3zm106-40.8h-69.2c-2.3-2.8-4.9-5.4-7.7-7.7l-102.7-83.4 12.5-11.4c6.5-6 7-16.1 1-22.6L367 167.1c-6-6.5-16.1-6.9-22.6-1l-55.2 50.6c-9.5 8.7-25.7 9.4-34.6 0-9.3-9.9-8.5-25.1 1.2-33.9l65.6-60.1c7.4-6.8 17-10.5 27-10.5l83.7-.2c2.1 0 4.1.8 5.5 2.3l61.7 61.6H544v128zm48 47.7c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16z' class=''%3e%3c/path%3e%3c/svg%3e");
    border-color: #ff8b11;
    border-style: solid;
    border-width: 2px;
}

.AccountEdit .optionsButtons .btn-sherlock {
    margin: 10px 20px;
}

.AccountEdit .optionsButtons {
    text-align: right;
}

a.disabled {
    pointer-events: none;
    cursor: default;
}

input.TableInput {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #adadad;
    width: 100%;
    max-width: 100%;
    margin-top: 5px;
}

.AlignCheckInTables {
    width: 20px;
    margin: auto;
    margin-top: 0px;
    overflow: hidden;
    height: 18px;
    text-align: center;
}

select.Table-control {
    padding: 9px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    margin-top: 5px;
    height: 38px;
    background-color: #FFF;
}


.AccountEdit h2.main-title.padding-bottom.padding-top {
    float: left;
}

.PageMenuButtons {
    float: right;
    margin-top: 10px;
}

a.pageMenuButton {
    height: 50px;
    /* display: block; */
    text-transform: uppercase;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    /* white-space: nowrap; */
    color: #444;
    background-color: #f4f4f4;
    border-style: solid;
    border-width: 1px;
    border-color: #cbcbcb;
    padding: 13px 26px;
    border-radius: 37px;
    margin: 0px 7px;
    display: inline-block;
    line-height: 23px;
}


@media (min-width: 991px) {


    .ReportInput.Date.GroupDate {
        width: 50%;
        display: table-cell;
    }

        .ReportInput.Date.GroupDate.left {
            padding-right: 5px;
        }

        .ReportInput.Date.GroupDate.right {
            padding-left: 5px;
        }
}


@media (max-width: 1100px) {


    .MenuWithButtons a.pageMenuButton, .PageMenuButtons a.pageMenuButton {
        margin-bottom: 10px;
        height: auto;
    }

    .MenuWithButtons h2.main-title.padding-bottom.padding-top, .FloatTitle {
        padding-bottom: 8px;
    }

    .MenuWithButtons .PageMenuButtons {
        float: none;
        margin-top: 0px;
        text-align: center;
        margin-bottom: 0px;
        width: 100%;
        display: inline-block;
    }


    .permission h2.main-title.padding-bottom.padding-top {
        padding-bottom: 18px;
    }


}
@media (max-width: 600px) {

    .permission select#UserDropDawn {
        width: 100%;
        max-width: none;
        margin-top: 0px !important;
        margin-bottom: 12px;
    }

    .permission .MenuDropdawn {
        width: 100%;
    }


    .AccountEdit .btn-sherlock {
        line-height: 22px;
        padding: 16px 30px;
        width: 100%;
        margin: 10px 0px !important;
    }

    .AccountEdit .padding-top {
        padding-top: 0px;
    }

    .AccountEdit input#Active {
        width: 22px;
    }

}






i.fas.fa-check.TableIcon {
    font-size: 20px;
    color: #3da92b;
}

i.fas.fa-check.CheckIcon {
    color: #3da92b;
}

i.fas.fa-times.CheckIcon {
    color: #b50a35;
}

i.fas.fa-times.TableIcon {
    font-size: 22px;
    color: #b50a35;
}

.pageMenuButton i.fas.fa-user-plus {
    margin-right: 14px;
}

.pageMenuButton i.fas.fa-id-card {
    margin-right: 14px;
}

.ModalInputContainer {
    padding: 0px;
    padding-bottom: 15px;
}

.modal .AlignCheckInTables {
    height: 28px;
}

i.fas.fa-user-edit.TableIcon {
    font-size: 16px;
}

select:disabled {
    background-color: #ebebe4;
}

.modal .TableInput.Error {
    background-color: #ffd7d7;
}

button#AceptPopUp:disabled {
    background-color: #fdb49d;
}


.permission h2.main-title.padding-bottom.padding-top {
    float: left;
    margin-right: 25px;
}

.permission .MenuDropdawn {
    float: left;
    margin-top: 10px;
}

.permission select#UserDropDawn {
    padding: 10px;
    margin-top: 15px;
}

.permission .AlignCheckInTables {
    height: 25px;
}

.Preferences .col-md-12.optionsButtons {
    text-align: right;
}

.Preferences p#NombreInModal {
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #aaaaaa;
    margin-top: 5px;
    background-color: #efefef;
}

.Preferences .Channel.Active, .Preferences .Channel:hover {
    border-radius: 0px;
    background-color: #ffffff00;
}



 

/*Sacar estas lineas cuando se quieran usar los botones be_info be_quick o be_link*/
.be_info.be_button {
    display: none !important;
}
.be_quick.be_button {
    display: none;
}


.be_link.be_button {
    display: none;
}
/*FIN: Sacar estas lineas cuando se quieran usar los botones be_info be_quick o be_link*/








.radio,
.checkbox {
    padding-left: 20px;
    position: relative;
    display: block;
}

    .radio input,
    .checkbox input {
        opacity: 0;
        position: absolute;
        z-index: 1;
        cursor: pointer;
        margin-left: -20px;
    }

        .radio input:checked + label::before,
        .checkbox input:checked + label::before {
            border-color: #ff8b11;
        }

        .radio input:checked + label::after,
        .checkbox input:checked + label::after {
            content: "";
            display: inline-block;
            position: absolute;
            width: 13px;
            height: 13px;
            left: 2px;
            top: 4px;
            margin-left: -20px;
            border: 1px solid #9575cd;
            border-radius: 50%;
            background-color: #9575cd;
        }

    .radio label,
    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        padding-top: 3px;
    }

        .radio label::before,
        .checkbox label::before {
            content: "";
            display: inline-block;
            position: absolute;
            width: 17px;
            height: 17px;
            left: 0;
            top: 2px;
            margin-left: -20px;
            border: 1px solid #ccc;
            border-radius: 50%;
            background-color: #fff;
        }

    .radio.disabled label,
    .checkbox.disabled label {
        color: #ccc;
    }

        .radio.disabled label::before,
        .checkbox.disabled label::before {
            opacity: 0.54;
            border-color: #ccc;
        }

    .checkbox input:checked + label::before {
        border-color: #ff8b11;
        background-color: #ff8b11;
    }

    .checkbox input:checked + label::after {
        /*       content: "\f00c";                   Instalar Font Awesome para ver ese icono   */
        font-family: FontAwesome;
        font-size: 13px;
        color: #fff;
        top: 0;
        left: 1px;
        border-color: transparent;
        background-color: transparent;
    }

    .checkbox label::before {
        border-radius: 2px;
    }


.ReportButtons {
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
}


.ReportInput.Date {
    padding-bottom: 15px;
}

.input-group.date .form-control {
    max-width: none;
}

#Reports .ReportInput .form-control {
    max-width: none !important;
}

.btn-sherlock.btn-Icon {
    margin: 0px 12px;
}

#Reports .form-control {
    border-radius: 0px;
    border-style: solid;
    border-color: #cccccc;
    padding: 6px 10px;
    height: auto;
}

#Reports select.form-control {
    height: 32px;
}

#Reports .be_view_label {
    margin-bottom: 5px;
}

#Reports span.input-group-addon {
    border-radius: 0px;
    border-color: #adadad;
}

#Reports .Paginado {
    /* display: contents; */
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

#Reports .PaginadoItem {
    display: inline-block;
    padding: 4px 6px;
    cursor: pointer;
    border-color: #c5c5c5;
    border-width: 1px;
    border-style: solid;
    margin: 2px;
    min-width: 30px;
    border-radius: 4px;
    background-color: white;
}

#Reports .PaginadoItem.current {
    font-weight: 700;
    color: #f15b2d;
    border-color: #f15b2d !important;
}

.UserCreationForm h2.main-title {
    float: left;
}

.AccountEdit h2.main-title.padding-bottom.padding-top {
    float: left;
}

.pageMenuButton i.fas.fa-user-edit {
    margin-right: 14px;
}



#Reports .table_general td {
    vertical-align: middle;
    padding: 15px 30px 15px 0;
    overflow: hidden;
}


div.LoaderReports {
    background-color: #ffffff7a;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
}

div#LoaderDashboard.disabled {
    display: none;
}

a.pageMenuButton {
 
}

.ContactButtons {
    margin-top: 20px;
    text-align: right;
}

textarea#ComentariosText {
    width: 100%;
    max-width: 100%;
    min-height: 100px;
    height: 250px;
    margin-top: 10px;
    padding: 10px;
    resize: vertical;
}


textarea#ComentariosText.error {
    background-color: #ffd4d4;
}


i.contactIcon {
    font-size: 19px;
    padding-right: 10px;
}

i.contactIcon:hover {
    color: #333;
}

p#PreguntasPendientesMenu:hover {
    color: #333;
}

#help h2 {
    color: #b40a35;
    font-weight: 700;
    font-size: 30px;
    padding-top: 25px;
    width: 100%;
    border-bottom: 1px;
    border-bottom-style: solid;
    padding-bottom: 6px;
    border-bottom-color: #cacaca;
}

#help h3 {
    font-size: 18px;
  
    padding-top: 20px;
    font-weight: 600;
}

#help i.far.fa-question-circle.right {
    float: right;
    font-size: 40px;
    overflow: hidden;
    height: 50px;
    color: #b40a35;
    position: relative;
    top: -5px;
    padding-right: 8px;
}



#help .imgContainer img {
    
    display: block;
    padding-top: 18px;
}

span.ProductName {
    font-weight: 700;
    font-style: italic;
    color: #b50a35;
}


#help ul {
    list-style: disc;
    padding-left: 26px;
}

#help strong {
    font-weight: 600;
    font-style: italic;
}

#help h4 {
    font-size: 18px;
}

@media (max-width: 750px) {

    #help .imgContainer img {
        width: 100%;
    }

    #help i.far.fa-question-circle.right{
        display:none;
    }
}


.ContactInput {
    display: flex;
    padding-top: 12px;
}

    .ContactInput select#FormPriority {
        position: relative;
        top: -10px;
        border-radius: 0px;
        border-style: solid;
        margin-bottom: 8px;
        min-width: 100px;
        width: auto;
    }

.ContactInput .be_view_label {
    padding-right: 14px;
}




 

.IntentsItem {
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #d6d6d6;
    border-top: 0px;
    text-align: center;
}


p.QuestionToSelect {
    padding: 10px;
    border-style: solid;
    border-color: #d6d6d6;
    border-width: 1px;
    margin: 15px 0;
}


p.QuestionToSelect:hover {
    border-color: #f15b2d;
    border-width: 2px;
    margin: 13px 0;
}


a.TermsAndConditionsLinkLeftMenu {
    display: none;
}


.open_menu a.TermsAndConditionsLinkLeftMenu {
    width: 100%;
    text-align: center;
    padding-right: 30px;
    line-height: 14px !important;
    font-size: 14px;
    padding-bottom: 6px;
}

.page-link span {
    position: relative;
    top: 2px;
}


a.TermsAndConditionsLanding {
    width: 100%;
    font-size: 13px;
    color: #333333;
    text-align: center;
    margin: auto;
    display: block;
    padding-top: 10px;
}

@media (min-width: 700px) {
    .MobileOnly {
        display: none !important;
    }
    
}

.graf-green {
    border-color: #4b8e43 !important;
}


form.ExportForm {
 
    margin-bottom: 15px;
}


button.ExportButton:disabled {
    background-color: #c1c1c1;
}

/*SELECT THEME*/
.select_theme {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    line-height: 50px;
    border: 1px solid #ccc;
    width: 100%;
    color: #333;
    background: url("/Images/icons/caret-dropdown.svg") right center no-repeat;
    background-size: 28px auto;
    overflow: hidden
}

.select-theme:hover, .select-theme:focus, .select-theme:active {
    background-color: #f5f5f5;
    color: #333
}

.select_theme select {
    background-color: transparent;
    border: medium none;
    color: #333;
    height: 55px;
    width: 125%;
    position: relative;
    z-index: 1;
    padding: 5px 15px;
    box-shadow: none;
    font-size: 1em;
    margin-bottom: 0px;
    border: 0px;
}

.ReportTablecontainer {
    overflow: auto;
}

.graf-BlueGrey {
    border-color: #0B596B !important;
}

.graf-variable {
    border-color: #4b8e43 !important;
}

    .graf-variable[color=green] {
        border-color: #4b8e43 !important;
    }

    .graf-variable[color=yellow] {
        border-color: #ffc828 !important;
    }

    .graf-variable[color=red] {
        border-color: #cc1f43 !important;
    }

div.CantidadDisponible .big.SinRespuestas:after {
    background-color: #cc1f43 !important;
}

div.CantidadDisponible .big.SinRespuestas span, div.CantidadDisponible .big.SinRespuestas label {
    color: #fff !important;
}

.SinRespuestas .graf-variable {
    border-color: #cc1f43 !important;
    background-color: #cc1f43;
}

p.ImpuestosText {
    padding-bottom: 18px;
    font-size: 12px;
    color: #444444;
    text-align: center;
}


#PurchaseConfirm .SectionTablesBody {
    overflow: auto;
}


#PurchaseConfirm p.ImpuestosText {
    padding-top: 15px;
    padding-bottom: 0px;
}

span.TimeNull {
    font-size: 17px;
    font-weight: 300;
}


.UserCreationForm input.btn-sherlock.cancel {
    margin-top: 20px;
}

.alert.alert-danger {
    background-image: none;
    background-color: white;
    border: none;
    text-shadow: none;
    box-shadow: none;
    font-size: 17px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}


.AccountEdit .col-md-12.ModalInputContainer {
    padding-bottom: 0px;
    padding-top: 15px;
}

p.NotValidPasswordAlert {
    font-size: 13px;
    font-weight: 700;
    color: #920f23;
}


.UserCreationForm span.text-danger.ConfirmPasswordValidation {
    padding-bottom: 15px;
    display: block;
}


.UserCreationForm .alert.alert-success {
    background-image: none;
    border-color: #ffffff;
    text-shadow: none;
    box-shadow: none;
    border-color: #FFF;
    background-color: #FFF;
    color: #333333;
}

.UserCreationForm .alert.alert-success strong {
    font-weight: 600;
}


.be_ToFix {
    display: inline-block;
    color: #fff;
    background-color: #eac300;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check-circle fa-w-16 fa-3x'%3e%3cpath fill='%23fff' d='M336.174 80c-49.132 0-93.305-32-161.913-32-31.301 0-58.303 6.482-80.721 15.168a48.04 48.04 0 0 0 2.142-20.727C93.067 19.575 74.167 1.594 51.201.104 23.242-1.71 0 20.431 0 48c0 17.764 9.657 33.262 24 41.562V496c0 8.837 7.163 16 16 16h16c8.837 0 16-7.163 16-16v-83.443C109.869 395.28 143.259 384 199.826 384c49.132 0 93.305 32 161.913 32 58.479 0 101.972-22.617 128.548-39.981C503.846 367.161 512 352.051 512 335.855V95.937c0-34.459-35.264-57.768-66.904-44.117C409.193 67.309 371.641 80 336.174 80zM464 336c-21.783 15.412-60.824 32-102.261 32-59.945 0-102.002-32-161.913-32-43.361 0-96.379 9.403-127.826 24V128c21.784-15.412 60.824-32 102.261-32 59.945 0 102.002 32 161.913 32 43.271 0 96.32-17.366 127.826-32v240z' class=''%3e%3c/path%3e%3c/svg%3e");
    border-radius: 3px;
    height: 35px;
    padding: 9px;
    padding-left: 35px;
    background-repeat: no-repeat;
    background-size: 19px;
    background-position: 9px center;
    margin: 10px 5px 0 5px;
    min-width: 105px;
    text-align: left;
    font-size: 14px;
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-left: 50px;
    padding-right: 23px;
}

    .be_ToFix:hover {
        background-color: #17f;
        cursor: pointer;
    }


    .be_ToFix.disabled, .be_ToFix.disabled:hover {
        cursor: default;
        background-color: #c1c1c1;
        background-image: url("data:image/svg+xml;charset=UTF-8,<svg aria-hidden='true' focusable='false' data-prefix='far' data-icon='clock' class='svg-inline--fa fa-clock fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFF' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'></path></svg>");
    }

        .be_ToFix.disabled.reviewed, .be_ToFix.disabled.reviewed:hover {
            cursor: default;
            background-color: #44804b;
            background-image: url("data:image/svg+xml;charset=UTF-8,<svg aria-hidden='true' focusable='false' data-prefix='far' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23FFF' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'></path></svg>");
        }

.AnswersBody .be_ToFix {
    margin-top: 0px;
}


.be_ToFix {
    position: absolute;
    left: 0;
    top: 10px;
}

.be_options.FloatButton {
    position: inherit;
    top: -52px;
    overflow: visible;
    height: 0px;
}


@media (max-width: 700px) {
    .DesktopOnly {
        display: none;
    }

    .be_ToFix {
        min-width: 0;
        padding-right: 20px;
        padding-left: 20px;
        background-position: 11px center;
    }

    .be_box_answer .be_options {
        padding-left: 45px;
        padding-right: 45px;
    }
}


.Purchase h2.main-title.padding-bottom.padding-top {
    float: left;
}

h2.FloatTitle {
    float: left;
}

.pageMenuButton i.mr-14 {
    margin-right: 14px;
}

.HistoryTablecontainer {
    padding: 16px;
}

.HistoryTablecontainer td {
    vertical-align: middle;
    padding: 10px 0 15px 0 !important;
    padding-right: 10px;
}

div#LoaderHistory {
    min-height: 140px;
}


i.TableButton {
    font-size: 22px;
    color: #333333;
}

.alertNotifications img {
    margin-right: 0px !important;
}

li.page-link.alertNotifications {
    margin-left: 30px;
}

li.UserMenu {
    margin-left: 25px;
}


@media (max-width: 1023px) {


    li.page-link.alertNotifications {
        display: inline-block !important;
        padding-right: 14px;
    }
}

.PaginadoNumerico {
    /* display: contents; */
    text-align: center;
    padding-top: 20px;
    padding-bottom: 15px;
}

.PaginadoNumericoItem {
    display: inline-block;
    padding: 3px 7px;
}

.PaginadoNumericoItem.current {
    font-weight: 700;
    color: #f15b2d;
}


span.AlertPendingNumber {
    border-radius: 10px;
    background-color: #ea1919;
    min-width: 16px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: -4px;
    left: 7px;
    height: 16px;
    font-size: 11px;
    color: white;
    padding-top: 2px;
}

li.page-link.alertNotifications {
    position: relative;
}

.col-md-12.Notificationscontainer {
    padding-top: 15px;
}


.Notificationscontainer td {
    vertical-align: middle;
    padding: 15px 0 15px 0 !important;
    padding-right: 10px!important;
}


td.td-Button {
    text-align: right;
    width: 20px;
}

i.fas.fa-times.DeleteButton {
    padding-right: 5px;
    padding-left: 5px;
    cursor: pointer;
}


.pricing_content .right.col-md-5 {
    padding-bottom: 15px;
}



.MiniAlertasViewer {
    position: absolute;
    top: 40px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    background-color: #FFF;
    padding: 5px 10px;
    width: 260px;
    left: -130px;
    min-height: 70px;
    max-height: 800px;
    overflow: hidden;
}

.MiniAlertItem {
    padding: 10px 5px;
    border-bottom-style: solid;
    border-bottom-color: #dddddd;
    border-bottom-width: 1px;
}

.MiniAlertItem .Title {
    font-weight: 600;
    color: #b50a35;
    padding-bottom: 7px;
}

.MiniAlertItem:last-child {
    border-bottom-width: 0px;
}

.MiniAlertasViewer {
    display: none;
}

.page-link.alertNotifications.PendingAlerts:hover .MiniAlertasViewer {
    display: inherit;
}

.be_question {
    word-break: break-all;
}



li.second_level span.icon {
    padding-left: 44px;
}

div#UserStoresFilter {
    max-width: 350px;
    margin: auto;
    margin-top: 5px;
}


select#ddStore {
    height: 36px;
    padding-left: 8px;
}


#PurchaseConfirm h2.main-title.padding-bottom.padding-top.center {
    width: 100%;
}


a.nolink {
    height: 50px;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    white-space: nowrap;
    color: #444;
}

a.nolink {
    cursor: default !important;
}


#Reports .ReportButtons {
    padding-bottom: 0px;
}

.ExportButtonComment {
    padding: 10px 15px;
    background-color: #fffdb9;
    border-width: 1px;
    border-style: solid;
    border-color: #e2e09b;
    margin-bottom: 10px;
}

.ExportButtonComment {
    display: none;
}

.DateLimit .ExportButtonComment {
    display: block;
}

td.Channel.Active, td.Channel:hover {
    background-color: #fff;
    border-radius: 0px;
}

p.roleIdAlert {
    font-size: 13px;
    font-weight: 700;
    color: #920f23;
}

.permission select#UserDropDawn {
    padding: 10px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 40px;
}

.ButtonInfo {
    display: inline-block;
    padding-left: 1px;
    margin-left: 8px;
}

.tooltip-inner {
    white-space: normal;
    border-radius: 5px !important;
    padding: 8px;
}

.CuestionDetailContainer {
    overflow: auto;
    padding-left: 110px;
    padding-right: 90px;
}

    .CuestionDetailContainer .col-md-6 {
        padding: 0;
    }

@media (max-width: 767px) {

    .CuestionDetailContainer {
        padding: 0;
    }

}


input#saludo_inicial {
    width: 100%;
    max-width: 100%;
}

textarea#saludo_final {
    width: 100%;
    max-width: 100%;
}


.pb-10 {
    padding-bottom: 10px;
}


button#AddAnswersExample {
    margin-top: 0;
    margin-bottom: 25px;
    float: right;
}

.Steap6Switch {
    padding-top: 24px;
    margin-bottom: 30px;
    margin-right: 13px;
    float: left;
    padding-left: 15px;
}

.AddAccount5 tr.InstentColor1, .AddAccount2 tr.InstentColor2 {
    border-left-color: #1ea02d;
    border-left-width: 6px;
    border-left-style: solid;
}




.TableStyle table, #ShoppingList table, #ConfirmList table {
    width: 100%;
}

.TableStyle tr, #ShoppingList tr, #ConfirmList tr {
    border-bottom: 1px solid #e0e0e0;
}

.TableStyle tr:last-child {
        border: none;
}

.TableStyle input.volume {
    padding: 5px;
    width: 60px;
}

.TableStyle tr td {
    text-align: initial;
}

.TableStyle tr {
    border-bottom: 1px solid #e0e0e0;
}

#AfterSaleTableBody tr.ItemOrder {
    border-left-color: #FFF !important;
    border-left-style: solid !important;
    border-left-width: 4px !important;
    cursor: pointer;
}

#AfterSaleTableBody tr.ItemOrder.Pending {
    border-left-color: #b50a35 !important;
     background-image: url("/Images/landing/comment-regular.svg");
     background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: center;
    background-size: 48px;
     
}

    #AfterSaleTableBody tr.ItemOrder:hover {
        background-color: #f7f7f7;
        /*    border-left-color: #f15b2d !important; */
        border-left-style: solid !important;
        border-left-width: 4px !important;
    }

td.FirstColum-Empty {
    width: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.ItemPending {
    color: #b50a35;
    font-size: 18px;
}

.ItemNoPending {
    color: #349a23;
    font-size: 18px;
}

#modal-OrderChat .modal-body {
    padding: 40px 30px !important;
}

#modal-OrderChat.modal .close {
    margin-top: -20px;
    margin-right: -5px;
}

#modal-OrderChat h3 {
    font-size: 17px !important;
}

div#InternalLoader {
    width: 100%;
    text-align: center;
}

#modal-OrderChat .TitlleSection {
    overflow: auto;
}

#modal-OrderChat .ChatBox {
    min-height: 280px;
    max-height: 340px;
    overflow-y: auto;
    margin-bottom: 25px;
}

#modal-OrderChat .ChatInputArea {
    display: table;
    width: 100%;
}

#modal-OrderChat .TableColum {
    display: table-cell;
    vertical-align: top;
}

#modal-OrderChat .Atachment.TableColum {
    background-color: #c7c7c7;
}


#modal-OrderChat .AtachmentButton {
    padding: 20px 5px;
    text-align: center;
    cursor: pointer;
    background-color: #f1f1f1;
    border-radius: 44px;
    margin-right: 10px;
}

#modal-OrderChat .AtachmentContainer.TableColum {
    width: 67px;
    vertical-align: top;
}

#modal-OrderChat  textarea#AnswerChatTxt {
    height: 60px;
    padding: 10px;
}


.Send.TableColum {
    width: 120px;
}

.SendButton {
    padding: 20px 5px;
    text-align: center;
    cursor: pointer;
    background-color: #f15b2d;
    border-radius: 44px;
    margin-left: 10px;
    color: #FFF;
}

.ChatRow {
    width: 100%;
    overflow: auto;
    padding-bottom: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

    .ChatRow.seller > .ChatItem {
        float: right;
        padding: 10px 24px;
        background-color: #ffece6;
        min-height: 26px;
        border-radius: 10px;
        border-top-right-radius: 0px;
        padding-top: 8px;
        color: #4e4e4e;
        padding-bottom: 5px;
    }

    .ChatRow.client > .ChatItem {
        float: left;
        padding: 10px 24px;
        background-color: #e7fff0;
        min-height: 26px;
        border-radius: 10px;
        border-top-left-radius: 0px;
        padding-top: 8px;
        color: #4e4e4e;
        padding-bottom: 5px;
    }

.ChatItemIcon i:hover {
    color: #fff !important;
}


div#InternalLoaderInputArea.active {
    width: 100%;
    text-align: center;
    position: absolute;
    background-color: #ffffffbf;
    height: 65px;
    padding-top: 14px;
    display: block !important;
}

.ChatInputAreaContainer {
    position: relative;
}

.ChatItemIcon {
    font-size: 30px;
    text-align: center;
    padding: 6px;
}

.ChatItemText {
    padding-bottom: 3px;
    text-align: center;
}

.ChatRow.AtachmentRow .ChatItem {
    cursor: pointer;
}

a.ChatItem {
    color: #000;
}

a.ChatItem:hover, a.ChatItem .ChatItemText:hover, a.ChatItem .ChatItemIcon:hover, a.ChatItem .ChatItemIcon i:hover {
    color: #000 !important;
}

.PaginatorButton {
    width: 40px;
    background-color: #eaeaea;
    padding: 10px;
    margin: 10px;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
}

.PaginatorNumber.CurrentPage {
    background-color: #f15b2d;
    color: #fff;
}

p#PreguntasPendientesMenuAfterSale:hover {
    color: #333;
}

p#PreguntasPendientesMenuAfterSale {
    font-size: 11px;
    position: absolute;
    top: -13px;
    left: 66px;
}


.InsertShippingPriceButton {
    border: none;
    border-radius: 18px;
    background-position: 20px center;
    padding-right: 23px;
    background-color: #fff;
    display: inline-block;
    color: #ff8b11;
    height: 35px;
    padding: 8px;
    padding-left: 50px;
    background-repeat: no-repeat;
    background-size: 19px;
    margin: 0 5px 0 5px;
    text-align: center;
    font-size: 14px;
    padding-left: 50px;
    padding-right: 23px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='sync' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 650 512' class='svg-inline--fa fa-sync fa-w-16 fa-3x'%3e%3cpath fill='%23ff8b11' d='M624 368h-16V251.9c0-19-7.7-37.5-21.1-50.9L503 117.1C489.6 103.7 471 96 452.1 96H416V56c0-30.9-25.1-56-56-56H56C25.1 0 0 25.1 0 56v304c0 30.9 25.1 56 56 56h8c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16zm-464 96c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm208-96H242.7c-16.6-28.6-47.2-48-82.7-48s-66.1 19.4-82.7 48H56c-4.4 0-8-3.6-8-8V56c0-4.4 3.6-8 8-8h304c4.4 0 8 3.6 8 8v312zm48-224h36.1c6.3 0 12.5 2.6 17 7l73 73H416v-80zm64 320c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-100.9c-17.2-25.9-46.6-43.1-80-43.1-24.7 0-47 9.6-64 24.9V272h144v91.1z' class=''%3e%3c/path%3e%3c/svg%3e");
    border-color: #ff8b11;
    border-style: solid;
    border-width: 2px;
}


#modal-GetShippingPrice .form-control {
    border-radius: 0;
    border-style: solid;
    border-color: #ccc;
    padding: 5px;
    height: auto;
}

#modal-GetShippingPrice .be_view_label {
    margin-bottom: 5px;
}

@media (min-width: 768px) {

    .md-d-Table {
        display: table;
        width: 100%;
    }

    .md-d-TableRow-bottom {
        display: table-cell;
        vertical-align: bottom;
    }

    .md-d-TableRow-6 {
        width: 50%;
    }

    .mb-10 {
        margin-bottom: 15px;
    }
}

.btn-sherlock.disabled {
    background-color: #c1c1c1;
}

div#ShippingPricePopUpText {
    padding: 10px;
    border-style: solid;
    border-color: orange;
    border-width: 1px;
    border-radius: 3px;
    margin-top: 9px;
    margin-bottom: 3px;
}


div#GetShippingPriceLoader {
    text-align: center;
}




@media (max-width: 767px) {


    /*Saca los textos en mobile*/
    .InsertShippingPriceButton {
        text-indent: -9999px;
        padding-left: 35px;
    }

    .AddGreetingButton {
        text-indent: -9999px;
        padding-left: 35px;
    }
}


/*---------------------------------------------------------------------------*/

.AfterSales img.OrderImg {
    width: 80px;
    height: 80px;

}

.AfterSales .ItemOrder {
    width: 100%;
    overflow: auto;
}

.AfterSales .OrderImgContainer {
    width: 120px;
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.AfterSales .OrderDescriptionContainer {
    float: left;
}

.AfterSales .OrderNoteContainer {
    width: 100%;
}

.AfterSales .OrderImgAndContentContainer {
    width: 100%;
    overflow: auto;
    display: table;
}

.AfterSales .OrderDescriptionContainer {
    display: table-cell;
    width: 100%;
}

.AfterSales .OrderSaleInfoAndButtonsContainer {
    overflow: auto;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #dddddd;
    text-align: left;
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #ddd;
}



.AfterSales .OrderItemDescriptionContainer {
    overflow: auto;
    padding: 10px;
    text-align: left;
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #ddd;
}

.OrderActionButtonsContainer.Desktop {
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #ddd;
}

.AfterSales .ItemOrder {
    border-style: solid;
    border-color: #ddd;
    border-width: 1px;
    margin-bottom: 13px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.AfterSales .OrderNoteContainer {
    padding: 8px 10px;
    text-align: left;
    background-color: #f5f5f5;
    cursor: pointer;
}

.AfterSales .ItemName {
    font-weight: 700;
    padding-bottom: 7px;
}

.AfterSales .StoreName {
    padding-bottom: 7px;
}

.AfterSales .OrderId {
    padding-bottom: 7px;
}

.AfterSales .Date {
    padding-bottom: 7px;
}


.AfterSales .ItemOrder.Pending {
    border-color: #f15b2d;
}

    .AfterSales .ItemOrder.Pending .OrderNoteContainer {
        background-color: #fff0eb;
    }


.ChatItemDate {
    font-size: 10px;
    text-align: right;
    color: #969696;
    padding-top: 5px;
}


.ChatRow.seller .ChatItemDate {
    font-size: 10px;
    text-align: right;
    color: #969696;
    padding-top: 5px;
}

@media (max-width: 768px) {
    .AfterSales .Send.TableColum {
        width: 69px;
    }

    .AfterSales .two-btn .btn-sherlock {
        margin-left: 8px;
        width: auto;
    }
}


.CloseLeftoption {
    float: right;
    position: relative;
    top: -22px;
    font-size: 25px;
    height: 15px;
    cursor: pointer;
}

#FilterSection .LeftOptionInputContainer {
    overflow: visible;
}

#FilterSection .leftOptionsControlButtons {
    padding-top: 15px;
}





















.OrderSaleDescriptionContainer {
    display: table-cell;
}

.OrderSaleButtonsContainer.Desktop {
    display: table-cell;
    width: 30px;
    padding: 0;
}

.OrderSaleInfoAndButtonsContainer {
    display: table;
    width: 100%;
}

.p-10 {
    padding: 10px;
    overflow: auto;
}

.pl-10 {
    padding-left: 10px;
    overflow: auto;
}

.pb-10 {
    padding-bottom: 10px;
    overflow: auto;
}

.pr-10 {
    padding-right: 10px;
    overflow: auto;
}

.pt-10 {
    padding-top: 10px;
    overflow: auto;
}

.p-20 {
    padding: 20px;
    overflow: auto;
}

.pl-20 {
    padding-left: 20px;
    overflow: auto;
}

.pb-20 {
    padding-bottom: 20px;
    overflow: auto;
}

.pr-20 {
    padding-right: 20px;
    overflow: auto;
}

.pt-20 {
    padding-top: 20px;
    overflow: auto;
}

.OrderSaleButtonsContainer.Desktop {
    border-left-style: dashed;
    border-left-width: 1px;
    border-left-color: #ddd;
    text-align: center;
    align-items: normal;
    vertical-align: middle;
    width: 220px;
}

.OpenChatButton {
    background-image: url("/Images/icons/chat-icon.svg");
    margin: auto;
}

.OpenAsignUser {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' data-prefix='fal' data-icon='sync' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' class='svg-inline--fa fa-sync fa-w-16 fa-3x'%3e%3cpath fill='%23444' d='M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4zm323-128.4l-27.8-28.1c-4.6-4.7-12.1-4.7-16.8-.1l-104.8 104-45.5-45.8c-4.6-4.7-12.1-4.7-16.8-.1l-28.1 27.9c-4.7 4.6-4.7 12.1-.1 16.8l81.7 82.3c4.6 4.7 12.1 4.7 16.8.1l141.3-140.2c4.6-4.7 4.7-12.2.1-16.8z' class=''%3e%3c/path%3e%3c/svg%3e");
}

.OrderSaleButtonsContainer.Desktop .OpenAsignUser.be_button {
    margin: auto;
}

.MobileButtons {
    display: inline-block;
}


div#InternalLoader_SelectUser {
    text-align: center;
    position: absolute;
    z-index: 30;
    width: 100%;
    background-color: #ffffff9c;
    height: 70px;
    padding-top: 14px;
}

.SelectUsercontent {
    position: relative;
}


@media (max-width: 991px) {
    .AfterSales #modal-OrderChat .ChatInputAreaMobile .Send.TableColum {
        display: inline-block;
    }

    .AfterSales #modal-OrderChat .ChatInputAreaMobile .AtachmentContainer.TableColum {
        display: inline-block;
    }

    .AfterSales .ChatInputAreaMobile {
        text-align: center;
    }

    .ChatInputArea.desktop .AtachmentContainer.TableColum {
        display: none !important;
    }

    .ChatInputArea.desktop .Send.TableColum {
        display: none !important;
    }

    .OrderImgContainer {
        border-bottom-style: dashed;
        border-bottom-width: 1px;
        border-bottom-color: #dddddd;
    }

    .AfterSales .Status {
        padding-bottom: 7px;
    }

    .AfterSales .rol {
        padding-bottom: 7px;
    }

    .OrderSaleButtonsContainer.Desktop {
        display: none;
    }
}

@media (min-width: 992px) {

    .AfterSales #modal-OrderChat .ChatInputAreaMobile .Send.TableColum {
        display: none;
    }

    .AfterSales #modal-OrderChat .ChatInputAreaMobile .AtachmentContainer.TableColum {
        display: none;
    }


    .AfterSales .OrderSaleInfoAndButtonsContainer.No-border {
        border-bottom-style: none;
    }

    .OrderSaleButtonsContainer.Mobile {
        display: none;
    }
}

.NoteButtonsContainer {
    float: right;
}

.OrderNoteContainer {
    overflow: auto;
}

.AfterSales input#NoteInput {
    width: 100%;
    max-width: 100%;
    padding: 10px;
}


div#InternalLoader_Note {
    text-align: center;
    height: 70px;
    position: absolute;
    width: 100%;
    z-index: 5;
    background-color: #ffffffba;
}

.OrderNote {
    width: 100%;
    overflow: auto;
    display: inline-flex;
}

p.Note {
    /* float: left; */
}

.OrderNote .NoteButtonsContainer {
    float: none;
    display: inline-flex;
}

.editNote, .deleteNote {
    padding: 0px 5px;
}

.NoteHistoryPopUp {
    overflow: auto;
    max-height: 280px;
}

.EditNoteContainer {
    margin-top: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #f1f1f1;
    padding-top: 20px;
}

.OrderNote {
    padding: 5px 10px;
}

.EditNoteContainer {
    margin-top: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #f1f1f1;
    padding-top: 20px;
}

.OrderNote:nth-child(even) {
    background-color: #f7f7f7;
}

p.Note {
    padding-right: 11px;
}


.NoteHistoryPopUpInternal > .NoteButtonsContainer {
    float: right;
    padding: 5px 10px;
    cursor: pointer;
}

.addNote {
    display: inline-flex;
}

.addNote p {
        padding-left: 7px;
        padding-bottom: 2px;
    }

.addNote i.fas.fa-plus {
        padding-top: 1px;
 }

a.OrderLink {
    color: #444444;
}



#modal-OrderChat .IntentsItem {
    border-top-style: solid;
    border-top-color: #d6d6d6;
    border-top-width: 1px;
    margin-top: 0px;
}

#modal-OrderChat .IntentsItem {
    margin-bottom: -1px;
}

.ChatInputAreaMobile {
    margin-top: 10px;
}

.IntentsItem {
    cursor: pointer;
}

.IntentsItem:hover {
        background-color: #ececec;
}











.p-10.AsOrderActionButtonsContainer {
    display: inline-flex;
    margin: auto;
    min-width: 70%;
}


.OpenDetailOrder {
    background-image: url("/Images/icons/detail-icon.svg");
    margin: auto;
    background-size: 18px;
}

.SeparatorBar {
    /* padding: 5px; */
    border-top: 1px;
    border-top-color: #d9d9d9;
    border-top-style: solid;
    margin: 13px 0px;
}

.BuyerName {
    font-weight: 600;
}

#modal-DetailOrder .modalText {
    padding-bottom: 4px;
}




.AfterSales .horizontalSeparator {
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    background-color: #dddddd;
    height: 23px;
    margin: 0px 10px;
}

.AfterSales .statusScope {
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    overflow: auto;
}

.AfterSales .RadioSwitch {
    float: left;
    vertical-align: middle;
    padding: 5px 8px;
    background-color: #e2e2e2;
    font-size: 15px;
    font-weight: 500;
}

.AfterSales .RadioSwitch:hover {
    background-color: #dcdcdc;
}

.AfterSales .be_options.FloatSubMenu {
    overflow: visible;
}

.AfterSales .RadioSwitch.Active {
    background-color: #f15b2d;
}

.AfterSales .RadioSwitch.Active {
    background-color: #f15b2d;
    color: white;
}




.paymentButtons:hover > div {
    border: 1px solid #f15b2d;
    cursor: pointer;
    transition: 1s;
}

.paymentButtons > div {
    transition: 0.2s;
}




.OpenMediationButton {
    background-image: url("/Images/icons/mediation-icon.svg");
    margin: auto;
    background-size: 24px;
}

/*

.ItemOrder.Mediation {
    border-color: #b50a35;
}


.ItemOrder.Mediation .OrderNoteContainer {
    background-color: #b50a3514;
}

    */


.conversionValue {
    font-weight: 600;
    font-size: 16px;
}


.be_box_article {
    height: 86px;
}


@media (max-width: 992px) {

    .be_box_article {
        height: 108px;
    }
}


@media (max-width:768px) {

    .be_box_article {
        height: auto;
    }
}




.col-md-sh-4 {
    width: 40%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.col-md-sh-2 {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.square .pie, .square .c100 .bar, .square .c100 .fill {
    border-radius: 0%;
    background-color: #85c442;
    /*    border: 0.5em solid #307bbb;
    width: 0.5em;
    height: 0.5em;
    left: -0.25em;
    top: -0.25em; */
}

.square .c100 {
    border-radius: 11%;
}

    .square .c100:after {
        border-radius: 6%;
    }

.StaticSquare {
    border-style: solid;
    border-color: #0b596b;
    border-width: 7px;
    border-radius: 10px;
    /*    margin-right: 15px;
    margin-left: 15px; */
    padding-top: 10px;
    padding-bottom: 10px;
    min-height: 150px;
    margin-bottom: 10px;
}

span.TopQuestionsTitle {
    font-size: 0.9em;
    color: #333333;
    padding-left: 6px;
    padding-right: 6px;
}

span.TopQuestionsId {
    font-size: 0.8em;
    background-color: #0b596b;
    color: white;
    padding: 2px 6px;
    border-radius: 5px;
}

a.TopQuestionsAElement {
    padding: 5px 0px;
}

.c100.big {
    margin: auto !important;
}

.square .c100:hover::after {
    top: 0.05em !important;
    left: 0.05em !important;
    width: 0.87em !important;
    height: 0.87em !important;
}

@media (max-width:1450px) {

    .StaticSquare {
        border-width: 6px;
    }
}




@media (max-width:768px) {

    .StaticSquare {
        width: 100% !important;
    }

    .row-fluid.graphs-section.tempo-indicadores {
        padding-top: 0px;
        margin-top: 0px;
    }
}

.DashBoard .padding-bottom {
    padding-bottom: 10px;
}

.TopQuestionsAElementLoad {
    height: 16px;
    background-color: #d2d2d2;
    width: 180px;
    position: relative;
    left: -50px;
}

.TopQuestionsAElementLoadContainer {
    width: 92px;
    overflow: hidden;
    margin: 8px 0px;
    border-radius: 4px;
}

/* Se oculta la imagen que muestra el canal actual */
#Dashboard .be_options {
    display: none;
}

.GetPkiTop5Conversion.StaticSquare {
    border-color: #ffc828;
}

.TopQuestionsAElementBack {
    border-radius: 5px;
    margin: 2px 0px;
}

#Dashboard .main_container {
    padding-bottom: 0px;
}


.TitleTop5Conversion, .TitleTop5Questions {
    text-align: center;
    font-weight: 600;
    padding-bottom: 6px;
}

.DescriptionTop5Conversion {
    text-align: center;
    font-size: 0.8em;
    padding-top: 6px;
}

.square .c100 {
    border-radius: 6% !important;
    overflow: hidden;
}

@media (min-width:1400px) {


    .c100.big {
        font-size: 185px !important;
    }

    .c100 > span {
        line-height: 4.5em !important;
    }

    .square .c100.big {
        font-size: 170px !important;
    }
}


p.ConversionRate {
    font-size: 27px;
    font-weight: 600;
    color: #333333;
    text-align: center;
}


.ConversionRate {
    border-color: #85c442;
}

.StaticSquareText label {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 10px;
    width: 100%;
}

.StaticSquare.ConversionRate {
    display: table;
    margin: auto;
}

.StaticSquareText {
    display: table-cell;
    vertical-align: middle;
}

@media (max-width:768px) {

    .ConversionRate.square {
        padding: 0;
        padding-bottom: 10px;
        width: 100%;
    }
}





.AfterSales .OrderIdTitle {
    min-width: 85px;
    font-weight: 600;
    padding-right: 5px;
    display: inline-flex;
}

.AfterSales .OrderIdDesc {
    display: inline-flex;
}


.AfterSales .StatusTitle {
    min-width: 85px;
    font-weight: 600;
    padding-right: 5px;
    display: inline-flex;
}

.AfterSales .StatusDesc {
    display: inline-flex;
}

i.fas.fa-level-up-alt.Rotate90 {
    transform: rotate(100grad);
    padding: 0px 15px;
}

input:checked + .PosSaleSwitch {
    background-color: #fffe00 !important;
    border: 1px solid #d7e633 !important;
}


.HealthValueContainer {
    background: rgba(62,247,52,1);
    background: -moz-linear-gradient(top, rgba(62,247,52,1) 0%, rgba(242,222,0,1) 25%, rgba(246,41,12,1) 55%, rgba(143,10,0,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(62,247,52,1)), color-stop(25%, rgba(242,222,0,1)), color-stop(55%, rgba(246,41,12,1)), color-stop(100%, rgba(143,10,0,1)));
    background: -webkit-linear-gradient(top, rgba(62,247,52,1) 0%, rgba(242,222,0,1) 25%, rgba(246,41,12,1) 55%, rgba(143,10,0,1) 100%);
    background: -o-linear-gradient(top, rgba(62,247,52,1) 0%, rgba(242,222,0,1) 25%, rgba(246,41,12,1) 55%, rgba(143,10,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(62,247,52,1) 0%, rgba(242,222,0,1) 25%, rgba(246,41,12,1) 55%, rgba(143,10,0,1) 100%);
    background: linear-gradient(to bottom, rgba(62,247,52,1) 0%, rgba(242,222,0,1) 25%, rgba(246,41,12,1) 55%, rgba(143,10,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ef734', endColorstr='#8f0a00', GradientType=0 );
    width: 8px;
    height: 90px;
}

.HealthValueContainer {
    height: 88px;
    float: left;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.be_question .be_img img {
    float: right;
    height: 88px;
}

.HealthValueBackground {
    background-color: white;
    width: 10px;
}

.tooltip-inner {
    word-break: break-word;
}


img.NotificationCategory {
    width: 35px;
}

td.td-8 {
    width: 8%;
}



.input-group-addon {
    color: #828282;
    background-color: #ffffff;
    border-color: #cccccc;
}


.PaginadoItem:hover {
    border-color: #f15b2d !important;
}


#Reports .btn-sherlock {
    padding: 10px 45px;
}




.Cel_LeftBorder {
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #f0f0f0;
}

td.center {
    padding-right: 5px;
    padding-left: 5px;
}
 
.v_center {
    vertical-align: middle !important;
    padding-bottom: 7px !important;
    padding-top: 10px !important;
}

.table_usuarios .action_icon {
    text-align: center !important;
    float: none !important;
}

.BgTYellow {
    background-color: #f7f4e2eb;
}

.BgTOrange {
    background-color: #f7e7e2eb;
}

 

@media (min-width:1024px) {


    #HomeReports .main_container, #PageReport .main_container {
        margin-left: 60px;
    }

    #HomeReports.open_menu .main_container, #PageReport.open_menu .main_container {
        margin-left: 255px;
    }

    #HomeReports .body-content, #PageReport .body-content {
        padding-left: 0px !important;
    }


    #HomeReports .row-fluid.ReportLeftMenu.HomeReportsLeftMenu, #PageReport .HomeReportsLeftMenu {
        width: 300px;
        min-width: 300px;
    }

    div#ReportBody {
        width: 100%;
    }

    #HomeReports .row-fluid.ReportLeftMenu.HomeReportsLeftMenu, #HomeReports div#ReportBody, #PageReport .HomeReportsLeftMenu, #PageReport div#ReportBody {
        display: table-cell;
    }


    #HomeReports ul#DashboardTab li, #HomeReports ul#channelsSectionTab li, #PageReport ul#DashboardTab li, #PageReport ul#channelsSectionTab li {
        padding: 10px 20px;
    }

        #HomeReports ul#DashboardTab li.active, ul#channelsSectionTab li.active {
            border: 0px solid #f15b2d;
            border-left: 4px;
            border-left-color: #f15b2d;
            border-left-style: solid;
        }

    #HomeReports div#ReportBody, #PageReport div#ReportBody {
        vertical-align: top;
    }


    #PageReport .HomeReportsLeftMenu .col-md-4 {
        width: 100%;
    }


    #PageReport div#HomeReportsLeftMenu {
        padding: 10px;
    }

    #PageReport div#ReportBody {
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #cecece;
        padding-left: 20px;
    }

}

@media (min-width:1450px) {

    #HomeReports.open_menu .main_container, #PageReport.open_menu .main_container {
        margin-left: 270px
    }
}

.CategoryTitleReport {
    font-size: 16px;  
    margin-bottom: 2px;
    border-bottom: 2px;
    border-bottom-color: #f15b2d;
    border-bottom-style: solid;  
    padding: 10px;
}

div#ReportBody {
    vertical-align: top;
}

a.ReportLink {
    margin-top: 10px !important;
}

.ReportLinkTitle {
    margin-top: 20px;
    color: #616161;
    font-weight: 700;
    padding: 10px;
}

.ReportLinkDescription {
    padding: 0 10px;
    padding-bottom: 10px;
    color: #616161;
}


.ReportLinkStyles {
    border-left-style: solid;
    border-left-color: #dcdcdc;
    border-left-width: 4px;
}

.ReportLinkStyles:hover {
    border-left-color: #f15b2d;
}

.ReportLinkTitle:hover {
    color: #616161;
}

.ReportLinkDescription:hover {
    color: #616161;
}


.FullWidth {
    width: 100%;
}

.NoMarginLeft {
    margin-left: 0px!important;
}

.NoMargin {
    margin: 0px !important;
}


.ButtonWithIcon i {
    float: left;
}

.ButtonWithIcon {
    padding: 10px 34px !important;
}

button.reportUpdateButton {
    margin-bottom: 15px !important;
}


div#Reports {
    padding-top: 10px;
}



.ExportInvoice {
    border: none;
    background-color: white;
    font-size: 20px;
}




div.LoaderReports {
    top: 0px;
}


h1.ReportTitle {
    font-size: 1.3em;
    font-weight: 700;
    padding-bottom: 15px;
    text-align: center;
    border-bottom-style: ridge;
    border-bottom-width: 1px;
    border-bottom-color: #e9e9e9;
    margin-bottom: 20px;
}

.ReportInfo {
    margin-top: 15px;
    border-top-style: ridge;
    border-top-width: 1px;
    border-top-color: #e9e9e9;
    padding-top: 20px;
    margin-bottom: 15px;
}

.ReportInfoLine {
    display: inline-flex;
}

.ReportItemsTitle {
    padding-right: 5px;
}



#ReportBody tr.IsEqual {
    background-color: #b50a35;
    color: white;
}

#ReportBody tr.IsEqual a {
    color: #ffffff;
}



.AddOrRemoveFavorite.be_button.IsFaborite {
    background-image: url("/Images/icons/star-solid.svg");
    margin: auto;
    background-size: 24px;
}

.AddOrRemoveFavorite.be_button.NoFaborite {
    background-image: url("/Images/icons/star-regular.svg");
    margin: auto;
    background-size: 24px;
}


.AddOrRemoveFavorite.be_button.IsFaborite:hover {
    background-image: url("/Images/icons/star-regular.svg");
    margin: auto;
    background-size: 24px;
}


.AddOrRemoveFavorite.be_button.NoFaborite:hover {
    background-image: url("/Images/icons/star-solid.svg");
    margin: auto;
    background-size: 24px;
}

.AddOrRemoveFavoriteInChat.be_button.IsFaborite {
    background-image: url("/Images/icons/star-solid.svg");
    margin: auto;
    background-size: 24px;
}

.AddOrRemoveFavoriteInChat.be_button.NoFaborite {
    background-image: url("/Images/icons/star-regular.svg");
    margin: auto;
    background-size: 24px;
}


.AddOrRemoveFavoriteInChat.be_button.IsFaborite:hover {
    background-image: url("/Images/icons/star-regular.svg");
    margin: auto;
    background-size: 24px;
}


.AddOrRemoveFavoriteInChat.be_button.NoFaborite:hover {
    background-image: url("/Images/icons/star-solid.svg");
    margin: auto;
    background-size: 24px;
}

.FloatStarInOrderChat {
    float: right;
}

a.btn-sherlock.mini {
    padding-top: 7px;
}

#RefreshAccountSection i.fas.fa-check {
    color: #0bb50a;
    font-size: 19px;
}

#RefreshAccountSection i.fas.fa-times {
    color: #b50a35;
    font-size: 19px;
}



.canal_selector label {
    border-radius: 5px !important;
}



button#AddAnswersExample {
    border-radius: 5px;
}















.ClockSchedule {
    font-size: 25px;
    display: inline-block;
    padding-right: 40px;
    color: #f15b2d;
    cursor: pointer;
}