/*@media (min-width: 1020px) {
    body > .container {
        max-width: calc(100% - 80px)
    }

}*/
.hidden {
    display: none;
}

.cm-disc {
    display: inline-block;
    float: left;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-right: 20px;
    color: white;
    text-align: center;
    border-radius: 100%;
    position: relative;
    font-size: 40px;

}

.overinput, .overinput[placeholder] {
    background-color: transparent;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    font-family: inherit;
}

.overinput:focus {
    color: inherit
}

.cm-content {
    width: 100%;
    display: block;
}

body .cm-helpcenter-product .deletebtn, body .cm-helpcenter-category .deletebtn, body .cm-helpcenter-category .draghandle {
    top: 0px;
}

body cm-indicator.pageloader {
    display: none;
}

body[data-loading-perc] cm-indicator.pageloader {
    display: block;
}

body .modal {
    position: fixed;

    z-index: 1000001;
}

.unuseditems {
    top: 100px !important;
    border-left: 2px solid #EBECEE !important;
    border-top: 2px solid #EBECEE !important;
    width: 360px;
}

.cm-helpcenter-product .draghandle, .cm-helpcenter-item .draghandle {
    font-size: 18px;
    display: block !important;
    cursor: move;
    -webkit-transform: translate(-8px,-8px);
    transform: translate(-8px,-8px);
}

.cm-helpcenter-item .draghandle:before {
    content: "";
    background-color: rgba(255, 0, 0, 0);
    width: 30px;
    left: 0px;
    top: 0px;
    height: 30px;
    position: absolute;
    display: block;

}

.cm-disc > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.btn.btn-icon {
    line-height: 40px;
}

.bg-grey-100 {
    background-color: #CDD1D5;
}

.bg-grey-light-100 {
    background-color: #EBECEE
}

.icon.icon-cmlogo {
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 141.7 141.7'><path fill='#ffffff' d='M42.5 93.8c-12.6 0-22.9-10.3-22.9-22.9C19.6 58.3 29.8 48 42.5 48c2.4 0 4.9.4 7.2 1.1 2.5.8 3.9 3.6 3.1 6.1-.8 2.5-3.6 3.9-6.1 3.1-1.3-.4-2.7-.7-4.1-.7-7.3 0-13.2 5.9-13.2 13.2 0 7.3 5.9 13.2 13.2 13.2 6.8 0 10.6-3.6 13.9-12.7l7.2-20.2c.7-1.9 2.5-3.2 4.5-3.2s3.8 1.2 4.6 3.1l8.3 21.5L89.5 51c.7-1.9 2.5-3.1 4.5-3.1h.1c2 0 3.8 1.3 4.5 3.2l12 33.4c.9 2.5-.4 5.3-2.9 6.2-2.5.9-5.3-.4-6.2-2.9l-7.6-21.2-8.2 21c-.7 1.9-2.5 3.1-4.5 3.1s-3.8-1.2-4.5-3.1l-8.1-21-2.8 7.9c-3.3 8.4-8.8 19.3-23.3 19.3'></path><path fill='#1657ea' d='M115.9 85.6c0-3 2.4-5.5 5.5-5.5 3 0 5.5 2.4 5.5 5.5 0 3-2.4 5.5-5.5 5.5-3.1-.1-5.5-2.5-5.5-5.5'></path></svg>");
    background-size: contain;
    background-repeat: no-repeat;
}

ul li.show-more-items, ul li.hide-more-items {
    list-style: none;
    cursor: pointer;
    display: block;

    text-align: center;
    border-radius: 5px;
    opacity: 0.2;
    webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.breadcrumb .breadcrumb-item a {
    display: inline-block;
}

body #GMAP ~ .btn.mapbutton {
    position: absolute;
    left: calc(50% + 20px);
    transform: translate(-50vw, 0);
    top: 10px;
    width: 40px;
    height: 40px;

}

body #GMAP ~ .btn.mapbutton.zoomout {
    top: 60px;
}

ul li.show-more-items ~ li, ul.activated li.show-more-items {
    display: none;
}

ul.activated li.show-more-items ~ li {
    display: list-item;
}

ul.articles > li a:not(:hover), ul.articles > li.show-more-items:not(:hover), ul.articles > li.hide-more-items:not(:hover) {
    color: inherit;
}

ul.articles > li.show-more-items:hover, ul.articles > li.hide-more-items:hover {
    color: #1657EA;
    opacity: 1;
}

.btn.btn-thumb:not(.active):not(:hover) i, .btn.btn-thumb.inactive i {
    color: #999 !important;
}

.editmenu + div {
    position: relative;
    z-index: 0;
    margin-bottom: 60px;
}

.editmenu {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    opacity: 0.9;
    background-color: inherit;
    color: #999;
    z-index: 1;
    padding-top: 10px;

}

.editing .editmenu {
    background-color: #ffffff;
    color: #3C4859;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

.editmenu > .row {
    margin: 0px;
    padding: 0px 15px;
    line-height: 42px;
    height: 49px;
}

.editmenu .toggle-link {
    top: 5px;

}

.toggle-link {
    position: relative;
    color: inherit;
    font-size: 10px;
    cursor: pointer;

    color: #3C4859 !important;
    font-weight: 600;
    height: 21px;
    line-height: 18px;
    padding-left: 56px;
    width: auto;
    text-decoration: none !important;
}

.toggle-link.active {
/ / color: #259bdb;
}

.toggle-link > span:before {
    content: attr(data-disabled);
}

.toggle-link.active > span:before {
    content: attr(data-enabled);
}

.toggle-link:before {
    content: "";
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 0;

    background-color: #cdd1d5;
    -webkit-transition: .2s;
    transition: .2s;
    height: 0px;
    padding: 6px 20px;
    opacity: 1;
    width: 0px;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.toggle-link.active:before {
    background-color: #C2D5F8;

}

.toggle-link:after {
    border-radius: 50%;
    content: "";
    position: absolute;
    content: "";
    height: 24px;
    width: 24px;
    bottom: -5px;
    left: 0px;
    background-color: #3C4859;
    -webkit-transition: .2s;
    transition: .2s;
}

.toggle-link.active:after {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    background-color: #1657EA;

}

/*HELPCENTER HTML*/
@font-face {
    font-family: "edGotham";
    src: url("https://aurora.cmtelecom.com/fonts/gotham/GothamRnd-Book.woff2") format("woff2"),url("https://aurora.cmtelecom.com/fonts/gotham/GothamRnd-Book.woff") format("woff"),url("https://aurora.cmtelecom.com/fonts/gotham/GothamRnd-Book.otf") format("opentype");
    font-weight: normal;
    font-style: normal
}
.edGoth{
    font-family:"edGotham";

}
.midtitle{
    top: 30px;
    position: relative;
    transform: translate(0px, -15px);
}
.pull-right{
    float:right;
}
/*HELPCENTER HTML*/
.cm-helpcenter-html,.cm-helpcenter-html p,.cm-helpcenter-searchresult{
    font-family:"edGotham";
    font-size: 12px;

    background-color: #fff;


}
.cm-select-parent>select[data-component*=cm-select]~.smart-flag.cm-flag~.form-control{
    border: var(--input-border);
}
.cm-helpcenter-title{
    position: relative;
    display: block;
    height:60px;
}
.cm-helpcenter-title > h2:not(.edit-product-title){
    position: relative;
    top:50%;
    min-height: 1em;
    min-width:3em;
    transform:translateY(-50%);

}
.cm-helpcenter-html a[title='Youtube Video'] {
    position: relative;
    margin: 0px auto 1em auto;
    display: block;
    padding: 0px;
    clear: both;

    width: 100%;

    overflow: hidden;
    text-align: center;

}

.cm-helpcenter-html img {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 1em 1em 1em 0px;
}

.cm-helpcenter-html a[title='Youtube Video'] img {

    max-width: 100%;
    margin: 0px auto -12.5%;
    transform: translateY(-12.5%);

}
.cm-helpcenter-html ul{
    list-style: inside;
}

.cm-helpcenter-html a[title='Youtube Video']::after {
    content: '';
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 2em;
    top: calc(50% - 1em);
    left: calc(50% - 1.5em);
    width: 2.75em;
    padding-left: 0.25em;
    height: 2em;
    font-size: 30px;
    text-align: center;
    position: absolute;
    background-color: #b31217;
    color: #ffffff;
    border-radius: 0.5em / 1em;

}

/*countrypage*/

.countryimage {
    display: block;
    width: 320px;
    top: 0px;
    right: 0px;
    padding: 0px;
    height: 185px;
    background-position: center center;
    background-size: 112% 112%;
    margin: -20px 0 -40px;
    position: absolute;
}

.countryinfobar {
    position: relative;
}

.countryinfobar:before {
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100vw;
    height: 100%;
    background-color: inherit;
    content: '';

}

.card.feature-card {
    position: relative;
    height: 100%;
    box-shadow: 0px 4px 8px -8px rgba(16, 30, 30, 0.5), 0 0 32px -4px rgba(16, 30, 30, 0.15);
}

.labels .label.bg-green-100 {
    background-color: #26C485;
}

.labels .label.bg-pink-100 {
    background-color: #FF88DC;
}

.countryinfobar .cm-disc span {
    position: relative;
    display: block;
    font-size: 24px;
    transform: translate(-50%, -50%) scale(0.85, 1);
}

.countryinfobar .cm-disc + div {
    top: 50%;
    transform: translate(0, -50%);
    position: relative;
}

.countryinfobar .ctryblock {
    display: block;
    height: 60px;
    line-height: 12px
}

@media (max-width: 900px) {
    .countryinfobar .cm-disc {
        float: none;
        margin: 0px auto;

    }

    .countryinfobar .cm-disc + div {
        top: 0px;
        transform: none;
        position: relative;
        display: block;
        margin: 8px 0px;
        text-align: center;
    }

    .countryinfobar .ctryblock {
        text-align: center;
        height: 80px;
    }
}

@media (max-width: 400px) {
    .countryinfobar .cm-disc + div {
        font-size: 8px;
    }
}

/*MD editor*/
.md-editor > .md-header, .md-editor .md-footer {
    display: block;
    padding: 6px 4px;
    background: #f5f5f5
}

body .active-md-editor .md-editor:not(.md-fullscreen-mode),
body .active-md-editor .md-editor:not(.md-fullscreen-mode) textarea {
    width: 628px;
}

.btn-group {
    display: inline-block;

    width: auto;
    margin-right: 5px;
}

.btn-group .btn {
    border-radius: 3px;
    border: 0;
    font-family: DINWebPro-Bold;
    text-transform: uppercase;
    font-size: 1pc;
    line-height: 26px;
}

body .md-editor.md-fullscreen-mode .btn {
    border: 0;
    background: none;
    color: #b3b3b3;
}

.btn-group .btn, body .md-editor.md-fullscreen-mode .btn-group .btn {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-group .btn:hover, body .md-editor.md-fullscreen-mode .btn-group .btn:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

body .md-editor.md-fullscreen-mode {

    padding: 126px 30px 15px;

}

body .md-editor.md-fullscreen-mode .md-header {
    text-align: left;
    top: 100px;
    left: 30px;
}


@media (min-width: 992px) {
    .hidden-lg {
        display: none;
    }
}

@media (min-width: 576px) {
    .hidden-md {
        display: none;
    }
}

@media (max-width: 576px) {
    .hidden-sm {
        display: none
    }


}

@media (max-width: 360px) {
    .hidden-xs {
        display: none
    }


}

.cm-helpdesk-images > .cm-helpdesk-image >.inner >.image{
    background-color: #EBECEE;
}

.cm-helpcenter-icon.icon.icon-cmlogo{
    background-image: url(https://appcenter.cmtelecom.com/icons/logo.svg);
}
.cm-helpcenter-icon[data-cm-icon]{
    background-size: 0 0!important;
}

.cm-icon-thumb:before {
    mask-image: url(svg/thumbsup.svg);
    -webkit-mask-image: url(svg/thumbsup.svg);
}
.cm-icon-thumb.flip-horizontal{
    top:4px;
}
.cm-icon-thumb.flip-horizontal:before{
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}