.b1t-soir-custom-html-header-panel {
    min-width: 320px;
    position: relative;
    z-index: 961;
    
    font-size: 0.82rem;
        
    height: 50px;
    
    opacity: 0;
}

body.page-loaded .b1t-soir-custom-html-header-panel {
    opacity: 1;
}

/*
    Наша панель
*/

.b1t-soir-custom-html-header-panel .panel {
    position: relative;
    z-index: 3;
}

.b1t-soir-custom-html-header-panel .panel .panel-inner {
    position: absolute;
    top: 0px;
    right: 0px;
}

.b1t-soir-custom-html-header-panel .panel .btn-action {
    float: left;
    height: 50px;
}

.b1t-soir-custom-html-header-panel .panel .btn-action .display-table {
    height: 100%;
}

.b1t-soir-custom-html-header-panel .panel .btn-special,
.b1t-soir-custom-html-header-panel .panel .btn-search,
.b1t-soir-custom-html-header-panel .panel .btn-auth {
    cursor: pointer;
    line-height: 1;
    
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    
     transition: color 0.2s ease-out, background-color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out, background-color 0.2s ease-out;
    -o-transition: color 0.2s ease-out,  background-color 0.2s ease-out;
}

.b1t-soir-custom-html-header-panel .panel .btn-special .icon,
.b1t-soir-custom-html-header-panel .panel .btn-search .icon,
.b1t-soir-custom-html-header-panel .panel .btn-auth .icon {
    font-size: 0.94rem;
} 

@media (max-width: 767px) {
    
    .b1t-soir-custom-html-header-panel .container {
        padding: 0px;
    }
    
    .b1t-soir-custom-html-header-panel .panel .btn-special,
    .b1t-soir-custom-html-header-panel .panel .btn-search,
    .b1t-soir-custom-html-header-panel .panel .btn-auth {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .b1t-soir-custom-html-header-panel.main-page .panel .btn-search,
    .b1t-soir-custom-html-header-panel.main-page .panel .btn-auth {
        display: none;
    }
    
    .b1t-soir-custom-html-header-panel .panel .btn-auth .icon {
        font-size: 1.38rem;
    } 
    
    .b1t-soir-custom-html-header-panel .panel .btn-search .icon,
    .b1t-soir-custom-html-header-panel .panel .btn-auth .icon {
        font-size: 1.13rem;
    } 

}

/*
    Включенный Госбар
*/

.b1t-soir-custom-html-header-panel.gosbar-enabled {
    background: transparent !important;
    z-index: 2147473647; /* такой же как у Госбара, чтобы был над ним (т.к. находится на странице дальше Госбара) */
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    
    height: 0px;
}

.b1t-soir-custom-html-header-panel-bk {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 50px;
    z-index: 2147473646; /* на 1 меньше чем у Госбара, чтобы был под ним */
    
    opacity: 0;
    
}

body.page-loaded .b1t-soir-custom-html-header-panel-bk {
    opacity: 1;
}
   

.b1t-soir-custom-html-header-panel.gosbar-enabled.gosbar-use-languages .panel .panel-inner{
    right: 135px;
}

@media (max-width: 1216px) {
    html.has-scrollbar .b1t-soir-custom-html-header-panel.gosbar-enabled .container {
        width: 970px;
    }
}

@media (max-width: 1008px) {
    html.has-scrollbar .b1t-soir-custom-html-header-panel.gosbar-enabled .container {
        width: 750px;
    }
}

@media (max-width: 784px) {
    html.has-scrollbar .b1t-soir-custom-html-header-panel.gosbar-enabled .container {
        width: 100% ;
    }
}

@media (max-width: 767px) {
    
    .b1t-soir-custom-html-header-panel.gosbar-enabled.gosbar-use-languages .panel .panel-inner{
        right: 75px;
    }
    
}