.container_inner{
    width: 100%;
}
.container_inner .row {
    margin-right: 0;
    margin-left: 0;
}
.button_feedback{
    color: #fff;
}
.routeSettings .label{
    color: #000;
    font-weight: normal;
}
#motoroute li{
    list-style-type: none;
}
#motoroute li::before{
    content: ''!important;
}
.dotsList li::before{
    content: ''!important;
}
.block__suggest_variants{
    display: none;
    position: absolute;
    top: 24px;
    width: fit-content;
    min-width: 184px;
    background-color: #fff;
    z-index: 9999;
    border: 1px solid #2C9A40;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-bottom-width: 4px;
    font-size: 14px;
}
.block__suggest_variants.active{
    display: block;
}
.block__suggest_variants li:hover{
    background-color: #2C9A40;
}
.block__suggest_variants li{
    cursor: pointer;
    padding: 3px 5px;
}
.routeSettings .city{
    position: relative;
}
.routeSettings .dots .city{
    position: inherit;
}
.routeSettings .dotsList{
    max-height: 88px;
}
.routeSettings .openede .dotsList{
    max-height: 312px;
}
.clsAlDts{
    z-index: 1000;
}
.ui-sortable-placeholder{
    border-bottom: 1px solid #FF6600;
}
.rightCol .rightColTitle{
    font-size: 18px;
}
.preset__btn{
    cursor: pointer;
}
.budget .budgetPresets .preset__btn.active {
    border: 1px solid #2C9A40;
}
.dots{
    position: relative;
}
.dots .block__suggest_variants {
    top: 128px;
}
#start__form .bg{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000b3;
    z-index: 1000;
}
#start__form .formLogo{
    widtH: fit-content;
    margin: 0 auto;
}
#sf__close{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    cursor: pointer;
}
.formWrapper{
    /*temp without OR section*/
    height: 474px;
}
.formWrapper button{
    width: 100%;
    height: 45px;
    left: 445px;
    top: 658px;
    background: #2C9A40;
    border-radius: 3px;
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 17px;
    color: #FFFFFF;
    border: 0 none;
}
.formWrapper button:hover{
    font-size: 18px;
/*    box-shadow: -2px -2px 3px #444;*/
}
.formFrom,
.formTo{
    position: relative;
}
.formFrom .block__suggest_variants,
.formTo .block__suggest_variants{
    top: 66px;
    width: 100%;
}
/*.mt__btn{
    font-size: 14px;
    line-height: 16px;
    border-radius: 4px;
    padding: 5px 10px; /*4* /
    margin-right: 10px;
    display: inline-block;
}
.mt__btn:hover{
    text-decoration: none;
    font-weight: bold;
}
.mt__btn.btn__green{
    background: #2C9A40;
    color: white;
    border: 1px solid #2C9A40;
}
.mt__btn.btn__orange {
    background: #FF6600;
    color: white;
    border: 1px solid #FF6600;
}
*/
.topIcons .ico{
    margin-left: 5px;
}
.topIcons .ico.ico_c2c{
    background: url(/motoroute/c2c72g.png) no-repeat;
    background-position: center center;
    background-size: 20px;
    color: black;
    width: 36px;
    height: 35px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
}
.nav .nav-item{
    cursor: pointer;
}
.routeSettings .footer{
    height: 60px;
}
/*#route_settings_col.opened{*/
#route_settings_col.opened #cityfield{
    max-height: 300px;
}
#route_settings_col.opened > .route{
    display: none;
}
#motoroute_info_balloon .alert-dismissible .close {
    position: relative;
    top: -13px!important;
    right: -37px!important;
    color: #000!important;
}
.blurable{
    filter: blur(10px);
}
/*---------------*/
/*fix for route polyline - doesn't work with js...  */
.ymaps-2-1-76-areas-pane{
    z-index: 2850!important;
}
/*---------------*/
.mt-preloader-block{
    background-color: #fff;
    position: absolute;
    width: calc(100% - 15px);
    height: calc(100% - 10px);
/*    z-index: 5000;*/
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 7px auto;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: initial;
}
@media (max-width:450px) {
    #motoroute li {
        margin: 0;
        padding: 0;
    }
    .navCont .nav-tabs-head .nav-item-a {
        height: auto;
    }
    .nav-tab-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media print {
    .second-col,
    .address,
    .button_feedback,
    .widget-container-button-wrap,
    .c-sale-basket-small,
    .widget-container-menu-wrap,
    .navCont,
    .intec-breadcrumb-wrap,
    .widget-panel {
        display: none!important;
    }
    .intec-header {
        padding-top: 15px;
    }
    .widget-footer .third-col {
        padding-top: 15px;

        float: right;
    }
}

.save_route {
    
}
.save_route-block {
    position: relative;
}
.save_route-label {
    position: absolute;
    max-width: 0;
    overflow: hidden;
    right: 100%;
    background: #fff;
    top: 0;
    bottom: 3px;
    border: 1px solid rgba(255,255,255,0);
    border-radius: 4px 0 0 4px;
    border-right: none;
    
    display: flex;
    align-items: center;
    
    transition: all ease 0.4s;
}
.save_route-label.open {
    max-width: 9999px;
    padding: 2px 10px;
    margin-right: -8px;
    border-color: #e5e5e5;
}
.save_route-label .d-flex {
    align-items: center;
}
.save_route-label input[type="text"]:focus,
.save_route-label input[type="text"] {
    padding: 4px;  
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 3px;
}
@media (max-width:400px) {
    .save_route-label input[type="text"] {
        width: 177px;
    }
}
.save_route-label input.error {
    border-color: red; 
}
.save_route-error {
    min-width: 216px;
    position: absolute;
    top: calc( 100% + -4px );
    color: #000;
    font-size: 10px;
    right: 62px;
    white-space: nowrap;
    opacity: 0.6;
}
@media (max-width:400px) {
    .save_route-error {
        min-width: 200px;
    }
}
.save_route-ok {
    min-width: 24px;
    margin: 0 10px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    color: #46a658;
    font-size: 14px;
    text-decoration: none;
} 
.save_route-ok:focus,
.save_route-ok:hover {
    text-decoration: none;
    border-color: #46a658;
    background: #46a658;
    color: #fff;
}
.save_route-ok:active {
    opacity: 0.7;
}
.ico.ok {
    margin: 0!important;
}
.ico.ok:before {
    content: '\2713';
    font-style: normal;
    font-weight: 500;
}

.widget-footer .address {
    width: auto;
    height: auto;
    background: none;
}
/*фикс label width*/
.routeSettings .label {
    width: auto;
}
.routeSettings .split .label {
    width: auto;
    flex: 1 1 auto;
    white-space: normal;
    text-align: left;
}
.routeSettings .city input {
    /* width: auto; */
    width: 100%;
}
.routeSettings .city {
    position: relative;
    /* flex: 1 1 auto; */
    width: 100%; 
}
.block__suggest_variants li.active {
    background-color: #2C9A40;
} 
[data-tooltip] {
    position: relative;
}
[data-tooltip]:before {
    content: attr(data-tooltip);
    position: absolute;
    bottom: 80%;
    left: 50%;
    transform: translate(-50%,0%);
    padding: 5px 11px;
    border-radius: 7px 10px;
    border: 1px solid #2C9A40;
    box-sizing: border-box;
    box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    background: #fff;
    transition: ease all 0.4s;
    opacity: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
}
[data-tooltip]:hover:before {
    display: block;
    opacity: 1;
}
input[data-param="engine_volume"] + .block__suggest_variants{
    top: 100%;
}
@media (max-width:600px) {
    input[data-param="engine_volume"] + .block__suggest_variants {
        right: 0;
    }
}
/*fix-input width*/
.routeSettings input:not([name=dotCity]) {
    width: 100%;
    min-width: 27px;
}
.routeSettings .speedi {
    white-space: nowrap;
    flex: 1 1 auto;
    padding-right: 5px;
}
.routeSettings .item {
    align-items: center;
}
.routeSettings .speedi {
    min-width: auto;
}
/*fix-input width END*/

div.q-hint{
    border-radius: 50%;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    line-height: 18px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    vertical-align: middle;
    color: #fff;
    cursor: help;
    margin: 0 5px;
    background: #2C9A40;
    font-weight: normal;
    position: relative;
}
div.q-hint-block{
    display: none;
    border-radius: 3px;
    border: 1px solid #2C9A40;
    background-color: #fff;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 9999;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    width: 300px;
    height: auto;
    color: #000;
    text-align: justify;
    word-break: break-word;
    white-space: normal;
    box-shadow: 0px 0px 10px -3px #888;
}
div.q-hint:hover > div.q-hint-block{
    display: block;
}
/* ============================================== */

#sf_submit:focus{
    outline: 3px solid #FF6600!important;
    outline-offset: -2px;
}
.mt_days__block{
    position: relative;
}
.rightCol .weather .rightColTitle{
    color: #000;
}

    div.q-hint-block {
        left: auto;
        top: calc( 100% + 2px );
        bottom: auto;
        right: 0px;
        min-width: 240px;
        width: 100%;
        left: 0;
            /* красивие?? */
/*            text-align: left;*/
    }
.label,
.subTitle,
.routeSubTitle {
    position: relative;
}

div.q-hint {
    position: initial;
}
@media (max-width: 991px) {
    #settings_block__separate_route {
        min-height: 242px;
    }
    .routeSettings .mt-2{
        margin-top: 15px!important;
    }
}
#motoroute_screenshot_plate{
    display: none;
}

.motoroute_initial_form_wrapper{
    display: flex;
}
.motoroute_initial_form_wrapper > div{
    min-width: 200px;
    padding: 10px;
}
.dashboard__wrapper__3col{
    display: flex;
    flex-wrap: wrap;
}
.dashboard__wrapper__3col > div{
    flex-basis: 33.333333%;
    min-width: 300px;
}
#start__form__dashboard .formWrapper{
    width: 80%;
    display: block!important;
    height: 545px;
    overflow-y: auto;
}
#start__form__dashboard .bg {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000b3;
    z-index: 1000;
}
#dashboard_map{
    width: 100%;
    height: 290px;
}
#start__form__dashboard .formLogo{
    text-align: center;
}
#start__form__dashboard .formFooter{
    margin: 15px auto;
}
#start__form__dashboard .dashboard__col{
    padding: 0 15px;
}
#start__form__dashboard .dashboard__col table{
    width: 100%;
}
#start__form__dashboard h2{
    margin: 0 auto 20px;
}

@media (max-width: 567px) {
    #start__form__dashboard .formWrapper{
        width: 90%;
    }
}
@media (min-width: 1214px) {
    #start__form__dashboard .formWrapper{
        overflow-y: hidden;
    }
}