
/* а можно не дефолт, а сделать так */

:root body.lightTemplate {
    --bg-body: #f1f5f9;
    --bg-card: #fff;
    --bs-ContentSection-footer: #ecf1f4;
    --side-menu: #323232;
    --h-color: #323232;
    --s-color: #edeff0;
    --bg-head: #065e55;
    --bg-select: #fff;
    --bg-select-color: #000;
    --bg-select-hover: #fff;
    --list-unstyled: #f7fafc;
    --spiner-lk: #1d3f72;
    --progress-value: #323232;
    --menu-auth: #56bca6;
    --important-amber:#fcf9e9;
    --amber-color:#323232;
    --user-bar-status:#909499;
    --amber-wait:#323232;
    --amber-wait-border:#fff;
    --important-amber-wait:#ddeaf1;
    --important-success:#f6fff5;
    --new-banner:#e9fcce;
    --important-success-color:#323232;
    --important-neutral:#f7fafc;
    --downloadSpeed: #35363f;
    --userbar-border:#e3e8ee;
    --bg-select-linear-gradient: linear-gradient(#FFF, #E6E6E6);
}

/* а это темная тема, для смены цветов для body добавлять класс dark или light  */
:root body.darkTemplate{
    --bg-body: #1f232b;
    --bg-card: #252a34;
    --bs-ContentSection-footer: #313844;
    --side-menu: #fff;
    --h-color: #fff;
    --s-color: #6b7c93;
    --bg-head: #313844;
    --bg-select: #313844;
    --bg-select-color: #fff;
    --bg-select-hover: #323a46;
    --list-unstyled: #313844;
    --spiner-lk: #6b7c93;
    --progress-value: #fff;
    --menu-auth: #56bca6;
    --amber-p: #323232;
    --important-amber:#313844;
    --amber-color:#F5BE58;
    --user-bar-status:#909499;
    --amber-wait:#3297d3;
    --amber-wait-border:#3297d3;
    --important-amber-wait:#313844;
    --important-success:#313844;
    --new-banner:#313844;
    --important-success-color:#24b47e;
    --important-neutral:#313844;
    --downloadSpeed: #6b7c93;
    --userbar-border:rgba(0,0,0,.12);
    --bg-select-linear-gradient: linear-gradient(#252a34, #313844);
}

body{
    background: var(--bg-body);
}
input::placeholder {
 color: #9a9a9a;
}


.iti__flag_box  {
    display: inline-block;

    margin-left: 7px;
    margin-right: 9px;
    margin-top: 8px;
}
.flag_box{
    width: 14px;
    background-image: url("/images/flags.png");

    height: 14px;
    border-radius: 100px;
    box-shadow: 0px 0px 1px 0px #888;
    background-repeat: no-repeat;
}

@media (max-width:880px) {
    .select2-container{
        width: 100%;
        min-width: 100%!important;
    }

}

#country-styler, #country{
    width: 100%;
    min-width: 250px;
}


.texst1 {
    color: #52759b;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
}
.form-ios-select {
    height: 30px;
    padding: 0px 10px 0 5px;
    border-radius: 4px;
    background: var(--bg-select);
    background: var(--bg-select-linear-gradient);
    color:var(--bg-select-color)!important;
    font: 13px/32px Arial, sans-serif;
    border: none;
}

.lang  {
    color: #fff;
}
.form-row p{
	width: 33% !important;
}
.form-row select{
	width: 100% !important;
}
.form-row{
	margin-bottom: 5px;
}

.bord-bottom {
	border-bottom: 2px solid #ecf0f5;

}
.bs-TextInput {
	border-color:
			#eee;


}

.flags {

     border-radius: 100px;
     vertical-align: middle;
     width: 16px;
     margin-right: 4px;


 }
.flags_s {

    border-radius: 100px;
    vertical-align: middle;
    width: 16px;
    margin-bottom: 4px;

}
.das {
    margin-top: 15px;

}
@media (max-width: 670px) {
	.das {
		margin-top: 5px;

	}
}

.hline {

	width: 100%;
	height: 4px;
	background: url('/img/hline-bg.png') repeat-x 0 0;


}
.chat_text{
	width: 80%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.html5-progress-bar {

width: 90%!important;
    margin-right: 15px;
    border-radius: 3px;

}
.html5-progress-bar progress {
    background-color: #ecf1f4;
    border: 0;
    width: 85%;
    height: 18px;
    border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 9px;
}
.html5-progress-bar progress::-webkit-progress-value {
    background: #5A8EFF;
    background: -moz-linear-gradient(top,  #5A8EFF 0%, #0286FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A8EFF), color-stop(100%,#0286FF));
    background: -webkit-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: -o-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: -ms-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: linear-gradient(to bottom,  #5A8EFF 0%,#0286FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5A8EFF', endColorstr='#0286FF',GradientType=0 );
    border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
    background: #5A8EFF;
    background: -moz-linear-gradient(top,  #5A8EFF 0%, #0286FF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5A8EFF), color-stop(100%,#0286FF));
    background: -webkit-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: -o-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: -ms-linear-gradient(top,  #5A8EFF 0%,#0286FF 100%);
    background: linear-gradient(to bottom,  #5A8EFF 0%,#0286FF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#0286FF',GradientType=0 );
    border-radius: 9px;
}
.html5-progress-bar .progress-value {

    line-height: 20px;
    margin-left: 5px;
    font-size: 1em;
    color: var(--progress-value);

    height: 18px;
    float: right;
}
.flags_emul {
    width: 1rem;
    height: 1rem;
    margin-right: 3px;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 9999px;
}
.progressbar-text{
    font-family: Camphor, Segoe UI, Open Sans, sans-serif;
    box-sizing: border-box;
    font-size: 14px;

    font-weight: 500;
    color: var(--text-comonbody);

    height: 40px;
    line-height: 20px;
    margin-top: 5px;
}
#downloaded {
    color: #3498db;
}
#downloadSpeed{
    color: var(--downloadSpeed);
}
.f12{
    font-size:12px ;
}
.display_none{
    display: none;
}
.text_progress{
    color: var(--side-menu);
    text-decoration: none;cursor: pointer;font-weight: 600;font-size: 13px;
}
.col_sew{
    padding-left: 5px;
}

.card .card-content {
    padding:24px
}
.card .card-content p {
    margin:0
}
.card .card-content .card-title {
    line-height:32px;
    display:block;
    margin-bottom:8px
}
.card .card-content .card-title i {
    line-height:32px
}
.card .card-action {
    position:relative;
    padding:16px 24px;
    border-top:1px solid rgba(160,160,160,.2);
    background-color:inherit
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
    margin-right:24px;
    -webkit-transition:color .3s ease;
    transition:color .3s ease;
    text-transform:uppercase;
    color:#3949ab
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
    color:#7885d2
}
.card .card-reveal {
    position:absolute;
    z-index:3;
    top:100%;
    left:0;
    display:none;
    overflow-y:auto;
    width:100%;
    height:100%;
    padding:24px;
    background-color:#fff
}
.card .card-reveal .card-title {
    display:block;
    cursor:pointer
}

table.highlight>tbody>tr:hover,
table.striped>tbody>tr:nth-child(odd) {
    background-color:rgba(242,242,242,.5)
}
table,
td,
th {
    border:none
}
table {
    display:table;
    width:100%;
    border-spacing:0;
    border-collapse:collapse
}
table.striped tr {
    border-bottom:none
}
table.striped>tbody>tr>td {
    border-radius:0
}
table.highlight>tbody>tr {
    -webkit-transition:background-color .25s ease;
    transition:background-color .25s ease
}
tr {
    border-bottom:1px solid rgba(0,0,0,.12)
}
td,
th {
    display:table-cell;
    padding:6px 5px;
    text-align:left;
    vertical-align:middle;
    border-radius:2px
}

th {
    background: #f7fafc;
    color: #1a1f36;
    font-weight: 300;
    font-size: 13px;
}



@media only screen and (max-width:992px) {
    table.responsive-table td:empty:before,
    table.responsive-table thead tr th::before {
        content:'\00a0'
    }
    table.responsive-table {
        position:relative;
        display:block;
        width:100%;
        border-spacing:0;
        border-collapse:collapse
    }
    table.responsive-table td,
    table.responsive-table th {
        margin:0;
        vertical-align:top
    }
    table.responsive-table thead {
        display:block;
        float:left
    }
    table.responsive-table thead tr {
        display:block;
        padding:0 0px 0 0
    }
    table.responsive-table tbody {
        position:relative;
        display:block;
        overflow-x:auto;
        width:auto;
        white-space:nowrap
    }
    table.responsive-table tbody tr {
        display:inline-block;
        vertical-align:top
    }
    table.responsive-table th {
        display:block;
        text-align:left
    }
    table.responsive-table td {
        display:block;
        min-height:1.25em;
        text-align:left
    }
    table.responsive-table tr {
        padding:0 10px;
        border-bottom:none
    }
    table.responsive-table thead {
        border:0;
        border-right:1px solid rgba(0,0,0,.12)
    }
}
.der_cd{
    display: block;
    font-size: 14px;
}

.fz_15{
    font-size: 15px;
}
.v_mid{
    vertical-align: middle;
}

.method {
    height: 40px;

    color: var(--h-color);
    font-size: 14px;
    position: relative;
    z-index: 1;

}

.method:after {
    content: "";
    display: table;
    clear: both;
}

.method div {
    float: left;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
}

.method .actions {
    float: right;

}

.method .actions img {
    height:28px;
}
.method .actions.more {
    margin: 0 12px 0 20px;
}

.method .actions.attachment {
    margin: 0 0 0 20px;
}

.method .actions.attachment i {
    display: block;
    /*   transform: rotate(-45deg); */
}

.method .avatar {
    margin: 0 0 0 15px;
    width: 36px;
    height: 36px;
}

.method .avatar img {
    border-radius: 50%;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
    display: block;
    width: 100%;
}

.method .name {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    letter-spacing: 0.3px;
    margin: 0 0 0 8px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;

}

.method .status {
    display: block;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #a6a6a6;
}
@media (max-width:470px) {
    .method .name {

        max-width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

    }
    .method .status {

        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}
.table_pad td, .table th
{
    padding: 10px 0px 10px 0px;
}



.try-now nav ol {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-weight:400;
    font-size:14px;
    color:rgb(152, 161, 178);
    line-height:26px
}
.try-now nav ol>li {
    padding-left:27px
}
.try-now nav ol>li:before {
    background:#a5b3bb;
    color:#fff;

    font-weight:500;
    line-height:1;
    text-align:center;
    padding:3px 0;
    height:20px;
    width:20px;
    border-radius:10px;
    position:absolute;
    left:0;
    top:3px
}

article ol, article ul {

    counter-reset: listitem;
    list-style: none;

}
article ol > li, article ul > li {

    position: relative;
    margin: 5px 0;


}
article ol > li::before {

    counter-increment: listitem;
    content: counter(listitem);
    background: #939da3;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    padding: 4px 0;
    height: 19px;
    width: 19px;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 3px;

}

.zelen::before {

    background-color:

        #24b47e !important;

}
.zelen {

    color:

        #24b47e !important;

}
.qr{width: 100px}
#t30time, .time_s {
    color: #3498db;
    line-height: 24px;
}
aside .tag.optional {

    background:

        #e3e8ee;

    color:

        #323232;

}
.tag_r {


    border-radius: 20px;
    padding: 3px 8px 3px;
    font-size: 13px;
    font-weight: 600;

}

#timeBoxBTC{
    padding: 3px 13px 3px 10px;line-height: 25px;
}
.t_center{
    text-align: center;
}

.float-tuda {
    text-align: right;
}
@media (max-width:470px) {
    .float-tuda {
        text-align: center;
    }
}
.try-now {
    padding: 0px 60px 0px 50px;
    text-align: center;
}
@media (max-width:470px) {
    .try-now {
        text-align: center;
        padding: 10px 30px 10px 20px;
    }
}
.l24{
    line-height: 24px;
}
.col_h{
    color:#37c784
}
.fde_rf{

    vertical-align: middle;

    display: inline;

    padding-top: 15px;
}
.mr_r{
    margin: 0px 10px 10px 10px;
}


.db-LivemodeSwitcher-switch {

    opacity: .8;

}
.Switch {
    display:-ms-flexbox;
    display:flex;
    height:20px;
    margin: 5px 0px 0px 0px;
    padding:0;
    width:36px;
    border:0;
    cursor:pointer;
    position:relative;
    float: left;
}
.Switch.Is--disabled {
    cursor:default;
    pointer-events:none
}
.Switch-source {
    position:absolute;
    height:100%;
    width:100%;
    opacity:0;
    pointer-events:none
}
.Switch-knob {
    left:1px;
    position:absolute;
    top:1px;
    z-index:2;
    height:18px;
    width:18px;
    border-radius:9px;
    box-shadow:0 2px 4px 0 rgba(0,0,0,.25),0 0 1px 0 rgba(0,0,0,.26);
    transition:transform .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-knob {
    left:1px;
    transform:translateX(16px)
}
.Switch-on {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:0;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-on {
    opacity:1
}
.Switch-off {
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0;
    z-index:1;
    border-radius:10px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.07);
    opacity:1;
    transition:opacity .2s ease-in-out
}
.Switch-source:checked+.Switch-controls .Switch-off {
    opacity:0
}
.Switch--size--small {
    height:14px;
    width:21px
}
.Switch--size--small .Switch-bevel,.Switch--size--small .Switch-enabled {
    border-radius:7px
}
.Switch--size--small .Switch-knob {
    height:12px;
    width:12px;
    border-radius:6px
}
.Switch--size--small .Switch-source:checked+.Switch-controls .Switch-knob {
    transform:translateX(10px)
}
.Switch.Is--disabled {
    opacity:.5
}
.Box-background--orange400 {

    background-color: #6bb3a7;

}
.Box-background--surface {

    background-color: #e3e8ee;

}
.Box-background--white {

    background-color: #fff;

}



@media (min-width:670px) {
    .max300{
        max-width: 330px;
        width: 330px;
    }
}
.header__userLink_theme:before {
    opacity: .9;
    background: url(/img/night_b.svg) no-repeat;
    background-size: 19px 19px;
    background-position-y: 2px;
    margin-top: 3px
}
.header__userLink:before {
    content: "";
    width: 22px;
    height: 21px;
    display: inline-block;
    opacity: .8;
    margin-bottom: -5px;
    background-repeat: no-repeat;
    transition: opacity .2s ease;
}
.darkTemplate .header__userLink_theme:before, .header__userLink_theme.theme_night:before {
    background: url(/img/day.svg) no-repeat;
    background-size: 21px 21px;
}
@media (max-width:870px) {
    .header__userLink:before {
        margin-bottom: -2px;
    }}

.votee {
    color: #ffb800;
}

.register-box-msg {
    margin: 0;
    text-align: center;
    padding: 0 10px 10px 10px;
    color: var(--link-color);
    line-height: 2.8;
    font-size: 20px;
    font-weight: 800;
}
.button.green {
    background-color: #37c784;
    color: #fff;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.title-s {
    color: #42afc7;
    font-size: 24px;
    font-weight: 600;
    margin: 1.5em 0 1em;
    text-transform: uppercase;
    text-align: center;
}
.flickity-prev-next-button.previous svg { display: none}
.flickity-prev-next-button.next svg { display: none}


.flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled {
    position: initial;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.flickity-prev-next-button {
    position: absolute;
    padding:0;
    background:var(--bg-main);
    border:1px solid #dee2e6;
    width:3rem;
    height:3rem;
    transition:opacity .2s linear,box-shadow .2s linear;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index: 5;
}
.flickity-prev-next-button:after {
    background-image:url("data:image/svg+xml;utf8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M14.8517 18.1136C14.9506 18.2121 15 18.3402 15 18.4977C15 18.6356 14.9506 18.7538 14.8517 18.8523C14.7331 18.9508 14.6045 19 14.4661 19C14.3277 19 14.209 18.9508 14.1102 18.8523L8.14831 12.8841C8.04944 12.7659 8 12.6379 8 12.5C8 12.3621 8.04944 12.2341 8.14831 12.1159L14.1102 6.14773C14.209 6.04924 14.3277 6 14.4661 6C14.6045 6 14.7331 6.04924 14.8517 6.14773C14.9506 6.24621 15 6.37424 15 6.53182C15 6.6697 14.9506 6.78788 14.8517 6.88636L9.42373 12.5L14.8517 18.1136Z' fill='%230F66DC'/></svg>");
    content:'';
    width:2rem;
    height:2rem;
    display:block;
    background-size:cover
}
.flickity-prev-next-button.previous {
    left:-4.5rem
}
.flickity-prev-next-button.next {
    right:-4.5rem
}
@media (max-width:870px) {
    .flickity-prev-next-button.previous {
        left:0rem
    }
    .flickity-prev-next-button.next {
        right:0rem
    }
}
.flickity-prev-next-button.next:after {
    transform:rotateZ(180deg)
}
.flickity-prev-next-button:hover {
    box-shadow:0 .125rem .625rem rgba(0,0,0,.05)
}
.flickity-button-icon {
    display:none
}
/*
@media (max-width:1199.98px) {
    .flickity-prev-next-button {
        display:none
    }
} */
[data-flickity].controls-light .flickity-page-dots .dot {
    background:#fff
}
.controls-inside:not(:hover) .flickity-prev-next-button {
    opacity:0
}
.controls-inside .flickity-page-dots {
    position:absolute;
    bottom:1.5rem
}
@media (max-width:768px) {
    .arrows-inside .flickity-prev-next-button.previous,
    .controls-inside .flickity-prev-next-button.previous {
        left:-2rem
    }
    .arrows-inside .flickity-prev-next-button.next,
    .controls-inside .flickity-prev-next-button.next {
        right:-2rem
    } }

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.flickity-button {
    position: absolute;
    background: #fff;
    border: none;
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.flickity-viewport {
    overflow: hidden;
    height: 100%;
}
@media only screen and (max-width:1200px) {
    .flickity-overflow {
        overflow:hidden;
    }
}
.carousel-cell {
    transition: opacity .2s ease,transform .2s ease;
}

.flickity-page-dots {
    position:absolute;
    width:100%;
    bottom:-25px;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
    line-height:1
}
.flickity-rtl .flickity-page-dots {
    direction:rtl
}
.flickity-page-dots .dot {
    display:inline-block;
    width:10px;
    height:10px;
    margin:0 8px;
    background:#333;
    border-radius:50%;
    opacity:.25;
    cursor:pointer
}
.flickity-page-dots .dot.is-selected {
    opacity:1
}
[data-flickity]:not(.flickity-enabled) {
    opacity:0
}
.flickity-page-dots {
    bottom: -1.125rem;
    margin-bottom: 10px;
}
.flickity-page-dots .dot {
    width:6px;
    height:6px;
    border-radius:10rem;
    margin:0 5px;
    background:#495057;
    opacity:.2;
    transition:transform .2s linear,opacity .2s linear
}
.flickity-page-dots .dot.is-selected {
    transform:scale(1.33333)
}

.rg-ten {
    position: relative;
}

.rg-ten::before, .rg-ten::after {
    background: var(--rg-crypto);
    content: "";
    height: 32.5rem;
    position: absolute;
    width: 10rem;
    z-index: 2;
}

@media (max-width: 670px) {
    .rg-ten::before, .rg-ten::after {
        width: 3rem;
    }
}

.rg-ten::after {
    right: 0px;
    top: 0px;
    transform: rotateZ(180deg);
}

.rg-ten::before {
    left: 0px;
    top: 0px;
}
.map-container {
    filter: invert(80%);
    -ms-filter: invert(80%);
    -webkit-filter: invert(80%);
    -moz-filter: invert(80%);
    -o-filter: invert(80%);
}
.light-callout {
    margin-top: 6px;
    border-left: 2px solid #42afc7;
    margin-left: -6px;
    padding-left: 6px;

}
.bg--map {
    background-image: var(--bg-map);
    background-size: cover;
    background-position: center;}

@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .bg--map {
        background-image: var(--bg-map) } }
@media screen and (min-width: 1621px) {
    .bg--map {
        background-image: var(--bg-map) } }
@media screen and (max-width: 670px) {
    .bg--map {
        background-position: -740px 0px; } }


.text-blue-500 {
    color: #3498db;
}

.terminal_social{
    height: 250px
}
@media (min-width: 640px) {
    .terminal_social{
        height: 430px
    }
}

.map_cart_messenger{
    height: 300px
}
.map_cart_Movement_map_cart_messenger {
    height: 250px
}
.map_cart{
    height: 250px
}
.terminal_messenger{
    height: 255px
}
.terminal_messenger_Movement{
    height: 255px
}
@media (min-width: 640px) {
    .map_cart{
        height: 470px
    }
    .terminal_messenger{
        height: 255px
    }
    .map_cart_messenger{
        height: 300px
    }
    .map_cart_Movement_map_cart_messenger {
        height: 200px
    }
    .terminal_messenger_Movement{
        height: 160px
    }
}

.map_cart_Movement{
    height: 250px
}
@media (min-width: 640px) {
    .map_cart_Movement{
        height: 280px
    }
}


#downloaded, #total {
    color: #3498db;
}
#downloadSpeed{
    color: var(--downloadSpeed);
}
.display_none{
    display: none;
}
.text_progress {
    font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}
.text_country{ font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;

    margin-right: 0.25rem;}
.flag_progress {
    margin-left: 0.25rem;
    display: inline;
}
.provider_img {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0.25rem;
    display: inline;

}
.provider_text, .text_brand {
    font-weight: 600;
    /* color: #2a5885; */
    font-size: 0.895rem;
    text-transform:capitalize;

}
.link_text {
    color: #3498db;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.Badge--variant {
    background-color: #cbf4c9;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 20px;
}
.Text-wrap--noWrap {
    color: #0e6245;
    font-size: 0.875rem;
    font-weight: 400;
}
