input::placeholder {
 color: #9a9a9a;
}
.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;
}

.texst1 {
    color: #52759b;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .025em;
}

.lang  {
    color: #fff;
}
.form-row p{
	width: 33% !important;
}

.form-row{
	margin-bottom: 5px;
}

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

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


}
:root {
    overflow-x: auto!important;
    height: 100%;
}
.flags {

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

 }
.flags_s {
    height: 16px;
    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;
    margin-bottom: 5px;
}
.html5-progress-bar progress {
    background-color: var(--bg-bg-progreesbar);
    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: #ee865c;
    background: -moz-linear-gradient(top,  #ee865c 0%, #d76e43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee865c), color-stop(100%,#d76e43));
    background: -webkit-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: -o-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: -ms-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: linear-gradient(to bottom,  #ee865c 0%,#d76e43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee865c', endColorstr='#d76e43',GradientType=0 );
    border-radius: 9px;
}
.html5-progress-bar progress::-moz-progress-bar {
    background: #ee865c;
    background: -moz-linear-gradient(top,  #ee865c 0%, #d76e43 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee865c), color-stop(100%,#d76e43));
    background: -webkit-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: -o-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: -ms-linear-gradient(top,  #ee865c 0%,#d76e43 100%);
    background: linear-gradient(to bottom,  #ee865c 0%,#d76e43 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#d76e43',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;
}

.progressbar-text{
    font-family: Camphor, Segoe UI, Open Sans, sans-serif;
    box-sizing: border-box;
    font-size: 14px;

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

    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:24px
}
.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: #ff7a44;

}
.Box-background--surface {

    background-color: #e3e8ee;

}
.Box-background--white {

    background-color: #fff;

}
.img_def { margin-top: 4px}



.common-Button {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: .25rem;
    width: 100%;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
    --tw-space-y-reverse: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    align-items: center;

}
.form-phone {
    max-width: 42rem;
}
.common-Button--default {
    color: #fff;
    background-color: #be5a30;
}
.consistency-titles {

    font-size: 14px;
    font-weight: 700;
    color:

        #d76e43;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;

}
.icon_wr {

    width: 46px;
    height: 46px;
    border-radius: 6px;
    background: var(--bg-card);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 18px;
    margin-right: 0px;
    font-size: 24px;
    box-sizing: border-box;
    color: var(--h-color);

}
.pd_le20{padding-left: 10px;}
@media (max-width: 576px) {
.pd_le20{padding-left: 20px;
}}
.swal-modal {

    background-color:

        var(--bg-card)
}
.swal-title {

    color:

        var(--h-color);}
.swal-text { color:

    var(--h-color);}
.marshrut_green::after {

    content: "";
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: absolute;
    margin: 0px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-delay: 0s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #d76e43;
    box-shadow: 0 0 1px 2px

    #d76e43;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    left: -7px;

    top: 5px;

}
.marshrut::before {

    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color:

        #d76e43;
    top: 12px;
    left: 0px;

}
.marshrut_green::before {

    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color:

        #24b47e;

    top: 12px;

    left: 0px;

    -webkit-box-shadow: 0 0 3px 3px rgba(36, 180, 126, .3);

    box-shadow: 0 0 3px 3px

    rgba(36, 180, 126, .3);

}
.any_geo::before {

    border-left: 1px dashed

    #49bff3;
    content: '';
    top: 268px;
    left: 12px;
    bottom: 29px;
    position: absolute;

}
.status_r{
    white-space: nowrap;
    max-width: 200px;
    overflow: hidden;display: inline-block;

    text-overflow: ellipsis;
}


@media (max-width:980px) {
    .status_r{
        max-width: 190px;}
}
@media (max-width:940px) {
    .status_r{
        max-width: 180px}
}
@media (max-width:890px) {
    .status_r{
        max-width: 160px}
}
@media (max-width:850px) {
    .status_r{
        max-width: 130px}
}
@media (max-width:800px) {
    .status_r{
        max-width: 120px}
}
@media (max-width:790px) {
    .status_r{
        max-width: 120px}
}
@media (max-width:770px) {
    .status_r{
        max-width: 120px}
}
@media (max-width:570px) {
    .status_r{
        max-width: 330px}
}
@media (max-width:420px) {
    .status_r{
        max-width: 200px}
}
@media (max-width:350px) {
    .status_r{
        max-width: 160px}
}
@media (max-width:350px) {
    .status_r{
        max-width: 120px}
}
@-moz-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@-o-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        -moz-transform: scale(0.1, 0.1);
        -o-transform: scale(0.1, 0.1);
        -ms-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        -moz-transform: scale(1.2, 1.2);
        -o-transform: scale(1.2, 1.2);
        -ms-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
    }
}
.height40{height: 40px}
.color_a{color: #aaa;}

.dark .dark\:bg-dark-400 {
    background-color: #56565d!important;
}
.animate-spin {
    animation: spin 1.4s linear infinite!important;
}
.map-desktop {
    height: 380px;
}
.dark .dark\:bg-dark-100 {
    background-color: #29292b!important;
}