/* ==========================================================================
   control.css — кнопки
   Подключать после main.css, до модульных стилей
   ========================================================================== */
.dutton_date { 
        margin-top: -1.5625rem;
    margin-bottom: 1rem;
    padding: 0.1875rem 1.25rem 0.1875rem 0px;
    border: 0;
    color: var(--color-primary);
    font-weight: 500;
    letter-spacing: 1px;
 }

.londet_office { 
  display: block;
    background: var(--color-primary);
    color: var(--color-white);
    width: fit-content;
    margin: 0.9375rem 0px 1.875rem 15.625rem;
    padding: 0.625rem 1.25rem;
    margin-bottom: 0.625rem;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 1px;
    font-weight: 200;
    cursor: pointer;
    transition: 0.3s ease-out;  
 }

.londet_office:hover { 
    background: var(--color-primary-light);
    color: var(--color-white);
    text-decoration: none;
 }

a.function_tabell { 
    display: block; 
 }

a.function_tabell:hover { 
   text-decoration:none;
   color:var(--color-white);
 }

.croy_button { 
    background: var(--color-primary);
    width: 1.6875rem;
    height: 1.6875rem;
    border-radius: 100%;
    display: inline-block;
    margin-right: 0.3125rem;
    margin-bottom: 0;
    cursor: pointer;
    color: var(--color-white);
    text-align: center;
    padding: 1px 0.3125rem;
    box-sizing: border-box;
    position: relative;
 }

.croy_button:before { 
    content: "";
    position: absolute;
    background: rgb(var(--color-primary-rgb) / 0%);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index:10;
 }

.croy_form_add { 
    background: var(--color-primary);
    cursor: pointer;
    color: var(--color-white);
    padding: 0.625rem 1.25rem;
    text-transform: uppercase!important;
    font-size: 0.75rem;
    margin-right: 0.625rem;
    border-radius: 0.3125rem;
 }

.croyform .croy_button.croy_close, .croyform_pac .croy_button.croy_paced_close { 
       position: absolute;
    top: -0.75rem;
    right: 0.8125rem;
        padding: 0.1875rem 0.3125rem;
 }

.croy_buttons { 
    background: var(--color-primary);
    font-size: 0.75rem;
    color: var(--color-white);
    padding: 0.625rem 1.25rem;
    box-sizing: border-box;
    display: block;
    text-align: center;
    margin-top: 1.3125rem;
    height: 2.4375rem;
    cursor: pointer;
    text-transform: uppercase!important;   
 }

.croy_create_sistem { 
background: var(--color-accent);
    display: block;
    width: fit-content;
    position: absolute;
        right: 3.1875rem;
    top: 0;
    padding: 0px 1.25rem;
    border-radius: 0.3125rem 0.3125rem 0px 0px;
    font-size: 0.9375rem;
    color: var(--color-primary);
    font-weight: 700;
 }

.croy_create_sistem.croy_okeypac { 
    right: 0px;
    background: var(--color-success-dark);
    width: 11.5rem;
 }

.print_croy_btn { 
    background: var(--color-primary);
    color: var(--color-white);
    text-align: center;
    padding: 0.5625rem 0px;
    display: block;
    margin-top: 0.3125rem;
    width: 100%;
    font-size: 0.875rem;
    text-transform: uppercase !important;
    cursor: pointer;
    font-weight: 700;
 }

.croy_form_add.needget_apppage { 
       background: rgb(var(--color-primary-rgb) / 27.1%);
 }

.masprint_croy { 
    background: var(--color-primary-bg-medium);
    color: var(--color-primary);
    display: block;
    position: absolute;
    width: 2.5625rem;
    height: 2.5625rem;
    text-align: center;
    line-height: 2.25rem;
    right: 0;
    top: 0;
 }

.masprint_visardtabl { 
    background: var(--color-primary-bg-medium);
    color: var(--color-primary);
    display: block;
    position: absolute;
    width: 2.5625rem;
    height: 2.5625rem;
    text-align: center;
    line-height: 2.25rem;
    right: 2.8125rem;
    top: 0;
        cursor: pointer;
 }

.masprint_visardtabl:before { 
    content: "";
    width: 2.5rem;
    height: 2.5rem;
    position: absolute;
    margin-left: -0.625rem;
    z-index: 1;
 }

.masprint_seeclosecreatesl { 
    background: var(--color-primary-bg-medium);
    color: var(--color-primary);
    display: block;
    position: absolute;
    width: 2.5625rem;
    height: 2.5625rem;
    text-align: center;
    line-height: 2.25rem;
    right: 5.625rem;
    top: 0;
        cursor: pointer;
 }

.masprint_seeclosecreatesl:before { 
    content: "";
    background: #ccc0;
    width: 2.5625rem;
    height: 2.5625rem;
    position: absolute;
    z-index: 1;
    left: 0;
 }

.masprint_visardtabl.stik_paper { 
    background: var(--color-success-alt) ;
 }

.tpo_login .tpo_login_block .login-form-btn { 
    font-weight: 800;
    letter-spacing: 1px;
    margin-top: 1.5625rem;
    cursor: pointer;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--color-white);
    text-transform: uppercase;
    width: 100%;
    height: 3.125rem;
    border-radius: 0;
    background: var(--color-primary);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1.5625rem;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    outline: none!important;
    border: none;
 }

.tpo_login .tpo_login_block .login-form-btn:hover { 
    background: #333
 }

.navigation_grupp .add_operation_fixedd { 
    width: 3.125rem;
    height: 1.625rem;
    background: var(--color-primary);
    color: var(--color-white);
 }

.add_operation_fixedd { 
    width: 3.125rem;
    border: 0;
    height: 3.125rem;
    text-align: center;
    line-height: 3.125rem;
    display: block;
    font-size: 2.5rem;
    box-sizing: border-box;
    color: var(--color-primary);
    cursor: pointer;
    margin-bottom: 0.375rem;
    transition: 0.2s ease-out;
    position: relative;
 }

a.add_operation_fixedd { 
    padding: 0.9375rem 0px;
    background: #f0f0f0;
    color: var(--color-primary);
 }

.add_operation_fixedd:before { 
        content: '';
    background: transparent;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
 }

.add_operation_fixedd:hover { 
        background: rgb(34 60 80 / 31%);
        color:var(--color-primary);
 }

.add_operation_fixedd span { 
    margin-top: 0px;
    display: block;
 }

.add_grupp_custom { 
        background: var(--color-success-alt2);
    color: var(--color-primary);
    text-align: center;
    margin: 0.625rem 0px 0.9375rem 0px;
    width: 21.875rem;
    box-sizing: border-box;
    padding: 0.9375rem 0.625rem;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
 }

.tpo_balance_user .namedata.hed_block_main ul .controllbutton { 
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 0.125rem;
    line-height: 1.5rem;
 }

.option_recc { 
    background: var(--color-success-alt2);
    color: var(--color-primary);
    text-align: center;
    margin: 0.625rem 0px 0.9375rem 0px;
    width: 21.875rem;
    box-sizing: border-box;
    padding: 0.9375rem 0.625rem;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    font-weight: 500;  
    cursor: pointer;
    transition: 0.3s ease-out;
 }

.option_recc:hover { 
    background: var(--color-success-bright);
 }

.add_new_tpo { 
transition: 0.3s ease-out;
    background: var(--color-success-alt2);
    padding: 0.625rem;
    box-sizing: border-box;
    color: var(--color-primary);
    font-size: 0.875rem;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer; 
 }

.add_new_tpo:hover { 
    background: var(--color-success-dark);    
 }

.empty_modell .add_operation_fixedd { 
    width: fit-content;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0px 1.25rem;
    margin-left: 8rem;
 }

.function_tabell { 
    background: var(--color-primary);
    color: var(--color-white);
    padding: 0.625rem 1.25rem;
    margin-bottom: 0.625rem;
    width: calc(100% - 1.875rem);
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 0.875rem;
    letter-spacing: 1px;
    font-weight: 200;
    cursor: pointer;
    transition: 0.3s ease-out;
 }

.function_tabell:hover { 
        background: #236dab;
 }

.wonstane .uk-button-default { 
    position: absolute;
    right: 1.875rem;
    background: var(--color-primary);
    color: var(--color-white);
 }

.option_recc_w, .option_recc_z, .option_recc_v { 
    background: var(--color-success-alt2);
    color: var(--color-primary);
    text-align: center;
    margin: -1.5625rem 0px 0.9375rem 0px;
    width: 21.875rem;
    box-sizing: border-box;
    padding: 0.9375rem 0.625rem;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
 }

.get_create { 
    
 }

.create_new_zakaz:hover, .get_create:hover { 
    background: var(--color-success-bright);
 }

.create_new_zakaz, .get_create { 
    background: var(--color-success-alt2);
    color: var(--color-primary);
    text-align: center;
    margin: 0.625rem 0px 0.9375rem 0px;
    width: 21.875rem;
    box-sizing: border-box;
    padding: 0.9375rem 0.625rem;
    font-size: 0.9375rem;
    letter-spacing: 1px;
    font-weight: 500;
    cursor: pointer;
    transition: 0.3s ease-out;
 }

.londet_office_little { 
    background: var(--color-primary);
    color: var(--color-white);
    padding: 0.4375rem 1.25rem;
    font-size: 0.6875rem;
    margin-left: 0.625rem;
    border-radius: 0px;
    letter-spacing: 1px;
    position: absolute;
    right: 1.0625rem;
    top: 1.3125rem;
 }

.form_copy .option_recc { 
    width: 100%;
 }

.namedata.hed_block_main ul .controllbutton { 
    cursor: pointer;
    background: rgb(215 221 226);
    color: var(--color-primary);
    height: 2.1875rem;
    width: 2.1875rem;
    margin-top: -0.375rem;
    box-sizing: border-box;
    text-align: center;
    line-height: 1.5rem;
    border: 0px solid rgb(34 42 48);
    margin-left: 0.3125rem;
    border-radius: 0.125rem;
    transition: 0.3s ease-out;
 }

.namedata.hed_block_main ul .controllbutton:hover { 
    background: rgb(34 42 48);
    color: var(--color-white);    
 }

.block_tabels.bs .londet_office, .add_operation_list .londet_office { 
    display: inline-block;
    margin: 0.9375rem 0px 2.5rem 0px;
 }

.file-upload label { 
    cursor: pointer;
    background: var(--color-primary);
    border-radius: 0px;
    padding: 0px 2.1875rem;
    height: 2.5rem;
    display: block;
    line-height: 2.4375rem;
    color: var(--color-white);
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
 }

.file-upload label:hover { 
    background:#fc0;
 }

.tpo_gwen .uk-button.uk-button-default { 
    background-color: var(--color-primary);
    color: var(--color-white);
    height: 3.125rem;
    line-height: 3.125rem;
    border: 0;
 }

.trigger_graph { 
    padding: 0.3125rem 1.875rem;
    border: 0.125rem solid var(--color-primary-border);
    margin-right: 0.625rem;
    font-size: 0.875rem;
    font-weight: 800;
    color: var(--color-primary);
    transition: 0.2s ease-out;
    cursor: pointer;
 }

.trigger_graph.SINWE.active_switch { 
        background: #03a9f491;
    color: var(--color-white);
 }

.trigger_graph.FIOLET.active_switch { 
        background: #673AB7;
    color: var(--color-white);
 }