/* Start:/bitrix/templates/CALC/styles.css?178211581610173*/
.aService BUTTON {    MARGIN: 10PX;}

.error {background-color:red;}

body {font-family: calibri;}
.suggestions
{
    position:absolute;
    border: 1px solid #969baa;
    box-shadow: 3px 9px 13px 1px rgba(29, 41, 85, 0.4);
    background: #fafaff !important;
    padding: 5px;
    font-size:12px;
    cursor:pointer;
    overflow-x:hidden;
    overflow-y:auto;
}
.suggestions .mycode
{
    font-size:8px;
    color:#202020;
    display:none;
}
.suggestions div:hover
{
    background:#202020;
    color:white;
}
.suggestions div
{
    padding:3px 2px;
    min-width:150px;
}
#AdditionalCorrection input, #SpecialTariffs input,
#AdditionalCorrection_MSK input, #SpecialTariffs_MSK input
{width:80px; }
#AdditionalCorrection button, #SpecialTariffs button {margin-top:10px;}
#AdditionalCorrection_MSK button, #SpecialTariffs_MSK button {margin-top:10px;}
#results {display:grid;}
[name^=adminka] > label
{width: 250px;
    text-align: right;
    margin-right: 7px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    flex-direction: row-reverse;
}

#recordsTable
{
    width:100%;
    margin-top:20px;
    border:0px;border-collapse: collapse;
}
#recordsTable tr
{
    padding:0px;
}
#recordsTable th
{
    padding:5px;
    background:#dcdcdc;
    text-align: left;

}

#recordsTable td
{
    border:1px solid #dcdcdc;
    padding:7px;
}


*:has(input) {
    position: relative;
}

.floating-label {
    position: absolute;
    font-size: 15px;
    pointer-events: none;
    top: 7px;
    opacity:0;
    transition: all 0.2s ease;
}
[name^=adminka] .floating-label
{top:8px;}

input:not(:placeholder-shown) + .floating-label {
    color: #aaa; /* Change the label color */
    opacity:1;
    height: 40px;
    display: flex;
    align-items: center;


    right: 5px;
    width: 80px;
    text-align: right;
    justify-content: flex-end;
}
@media screen and (max-width:799px)
{
    input:not(:placeholder-shown) + .floating-label
    {
        height: 20px;
    }
}


/* Простая стилизация для формы */
input[type="checkbox"] {
    display: none;
}

/* Контейнер для тумблера */
input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 19px;
    background-color: #ccc;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* Круглая кнопка внутри тумблера */
input[type="checkbox"] + label::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 15px;
    height: 15px;
    background-color: white;
    border-radius: 50%;
    transition: transform 0.3s ease;
}

/* Изменение стиля при активации */
input[type="checkbox"]:checked + label {
    background-color: #144395; /* Зеленый цвет */
}

/* Перемещение круглой кнопки при активации */
input[type="checkbox"]:checked + label::before {
    transform: translateX(12px);
}

/* Добавляем текст рядом с тумблером (опционально) */
input[type="checkbox"] + label + span {
    margin-left: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 34px;
    vertical-align: middle;line-height: 20px;
    vertical-align: top;
}
.halfrow {width:50%; ;}
.row {display:flex;     height: 120px;}
select,
input[type=number],input[type=text] {
    border: 1px solid #232b47;
    box-shadow: inset 1px 0 7px rgba(29, 41, 85, 0.1);

    letter-spacing: 0.025em;
    padding: 15px 13px 13px;
    vertical-align: top;
    margin-top:5px;
}

.admin select,
.admin input[type=number],.admin input[type=text] {
    width:80px

}
input:active,select:active, input:focus, select:focus {border:0px; border-bottom: 2px solid #333; outline: dashed #f0f0f0; }
label { display:inline-block; width:140px;}
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f9;
    margin: 0;
    padding: 20px;
}
.logintext
{
    width: 800px;
    margin: auto;
    text-align:right;
    padding:20px 0 20px 0;                
}
.logintext A {color:#aaa;}
.modified
{
    opacity:0.4;
    pointer-events: none;

}
.container {
    background: url(/Logo_new_main.png) no-repeat;
    background-size: 120px auto;
    background-position: right 50px top 100px;
    width: 800px;
    margin: auto;
    background-color: #fff;
    padding: 0px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.container_in {padding:20px;}
h1 {
    background: #334ba3 url(//qtavia.com/wp-content/plugins/atc-cargo/html/img/cargo-header.jpg) no-repeat center right / cover;
    margin: 0;
    padding: 20px;
    color: white;
}

input[type="submit"],button {
    background-color: #144395;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
}
input[type="submit"]:hover {
    background-color: #0d3278;
}


.title-row > input {border:0px; background:white; box-shadow:none;     padding-bottom: 0px;}
#PDFtext,#SpecialPDFtext,#IntroText,
#PDFtext_MSK,#SpecialPDFtext_MSK,#IntroText_MSK
{font-size:11px; padding:15px; border:1px solid #eee;     box-shadow: inset 1px 0 7px rgba(29, 41, 85, 0.1); width:70%; margin-bottom:20px}


.preface div
{max-width:40%;}
.onlyprint {display:none;}
@media print 
{ *{  transition: none !important }
.noprint {display:none;}
    h1 {display:none;}
    .onlyprint {display:block;} 
    #results {display:block;}
    .preface
    {
        display: flex;
        justify-content: space-between;
    }
    .mypdftitle {color:black !important; text-align:center;        clear: both;}
    .container {background:none;}
    body
    {
        padding:50px;
    }
    button,
    .admin,.buttons_svh,
    form,.admin_wrapper,
    .logintext,
    #bx-panel,
    .PrivateCalc,
    .restableFin
    {display:none !important;}
    .container
    {box-shadow: none !important;
        width:100%;}
    body {background:white !important;}
}
.popup {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 1000; /* Ensure it's on top */
}

/* Popup Content */
.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 0 0 20px 0;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 400px; /* Adjust as needed */
    text-align: center;
}

/* Close Button */
#closeLoginPopup {
    margin-top: 10px;
    background-color: #ccc;
    color: #333;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 4px;
}

#closeLoginPopup:hover {
    background-color: #bbb;
}

[name=form_auth]
{
    width: 60%;
    margin: auto;
    text-align:left;
}

.bx-filter-param-label input[type="checkbox"] 
{
    display:inline-block !important;
}
.bx-filter-param-label {width:100% !important;}
.bx-filter-param-text {font-size:12px;}
.bx-authform-link-container {display:none;}


.pagination span {    padding: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50px;
    text-align: center;
    margin:0 10px;

}
.pagination span.active {    padding: 4px;
    border: 1px solid #ccc;
    border-radius: 50px;
    cursor:auto;
}
.pagination [data-page] {   cursor:pointer;}

@media screen and (max-width:800px)
{
    .row {height: 235px;}
    .container,
    .logintext{ 
        width: 95%;
        background: white;
    }
    .container:before
    {
        content: "";
        display: block;
        width: 80px;
        height: 40px;
        background-image: url(/Logo_new_main.png);
        background-repeat: no-repeat;
        background-size: 80px auto;
        background-position: center;
        position: absolute;
        /* top: -80px; */
        /* left: 0px; */
        margin-top: -40px;
    }
    .row {display:block;}
    #recordsTable td,#recordsTable th
    {
        display: block;
    }
    #recordsTable tr {margin-bottom:10px;display:block; border-top:1px solid black;}
    body {padding:0px;}
    .halfrow {width:90%; margin-top:40px;}
    [name^=adminka] > label {text-align:left;flex-direction:unset;}

    select, input[type=number], input[type=text]
    {
        padding: 5px 3px 3px;

    }
    #AdditionalCorrection_MSK input, #SpecialTariffs_MSK input,
    #AdditionalCorrection input, #SpecialTariffs input 
    {width:40px;}
    #AdditionalCorrection button, #SpecialTariffs button,
    #AdditionalCorrection_MSK button, #SpecialTariffs_MSK button  {    padding: 4px 15px;margin-top:6px;}
}

[name^='adminka'] span
{
    display: inline-flex;
    align-items: center; /* Vertically centers children */
    position: relative;
}

.buttons_svh 
{text-align:center;    width: fit-content;height:40px;
    box-shadow: none;
    background:white;
    width:100%;
    background: #fff;
    box-shadow:0;
    position: sticky; top: 0px; z-index:1000;
}
.buttons_svh span
{
    padding:10px;
    background:white;
    border-radius:5px;
    cursor:pointer;
    margin:0px 5px;
}
.buttons_svh span.selected
{
    background:#144396; color:white;
}


body.test {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Ctext transform='rotate(45 100 100)' x='100' y='110' font-size='14' fill='rgba(0,0,0,0.3)' font-family='sans-serif' text-anchor='middle'%3ETEST%3C/text%3E%3C/svg%3E") repeat;

}

.restable, .restableFin
{  display: flex;
    flex-wrap: wrap;
    gap: 7px 0px;
}
@media screen and (max-width:800px)
{
    .restable
    {font-size:3vw}
    .restableFin
    {font-size:2.5vw}

}

.restable > div {flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%;}
.restableFin > div {flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 25%;
    border-bottom: 1px solid rgba(190, 190, 190);
}

@media screen and (max-width:600px)
{
.destination
{
    display:block !important;
}
.destination > div {padding: 10px;
       }
        .destination > div:not(:last-child) {
     border-bottom: 1px solid #aaa;
}
}
/* End */
/* /bitrix/templates/CALC/styles.css?178211581610173 */