@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto&subset=cyrillic');
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Round");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Outlined");


.material-symbols-outlined {
    font-variation-settings: 'FILL' 0,
    'wght' 200,
    'GRAD' 0,
    'opsz' 24
}

:root {
    --menu-item-height: 35px;
    --col-permission-current: #717171;
    /*--col-hover: #c3c3c3;*/
    --col-hover: rgba(150, 198, 255, 0.4);
    --col-active: rgba(150, 198, 255, 0.6);
    --col-selected: #bdbdbd;
    --col-text-shadow: #d2d2d28f;
    --col-icons: #777777;
    --col-main: #fbfbfb;
    --col-second: #eaeaea;
    --col-third: #d0d0d0;
    --col-table-head: #f3f3f3;
    --col-inp: white;
    --col-text-main: #2b2b2b;
    --col-text-second: white;
    --col-text-copyright: #ababab;
    /*	--col-success-btn-active: #ff6b29;
        --col-success-btn-block: #ff753754;
        --col-success-btn: #ff7537;
        --col-success-btn-select: #ff7537b0;*/
    --col-invisible: #d0d0d000;
    --unitless-max-font-size: 18;
    --col-btn-click: #79797994;
    --col-console-bg: #d0d0d0;
    --col-console-log: #fbfbfb;
    --col-console-inp: #eaeaea;
    --col-doc-list-hover: #2b75ff5e;
    --col-single-cell-selector-border: #3439ff73;
    --col-single-cell-selector-bg: #2452ff54;
    --col-button-blocked: #e1e1e1;
    --col-success-btn-active: #2b75ff;
    --col-success-btn-block: #2b75ff5e;
    --col-success-btn: rgba(43, 117, 255, 1);
    --col-success-btn-select: #2b75ffb8;

    --col-form-btn-main-hover: rgba(43, 117, 255, 0.8);
    --col-form-btn-main-active: rgba(43, 117, 255, 0.6);
}

.extended-prop-background-panel {
    height: 100%;
    width: 100%;
    background-color: #000000;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 10001;
    opacity: .6 !important;
}

.no-text-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}

/*.mt-shadows{*/
/*    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25), 0px 8px 16px 2px rgba(97, 97, 97, 0.1);*/
/*}*/

.doc-drop-down-menu-shadows, .mt-shadows {
    box-shadow: 0px 8px 16px 2px rgba(97, 97, 97, 0.1), 0px 16px 32px 2px rgba(97, 97, 97, 0.1);
}

.doc-list-header-shadows {
    box-shadow: 0px 8px 16px -5px rgba(97, 97, 97, 0.1), 0px 16px 32px -5px rgba(97, 97, 97, 0.1);
}


.mt-text-style {
    /*font-size: 1em;*/
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.mt-form-btn-secondary-button-cancel {
    margin: 0 8px 0 8px;
    border: 1px solid transparent !important;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 36px;
    letter-spacing: 0.25px;
    line-height: 16px;
    background: white;
    border: 1px solid #dadce0 !important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: var(--col-success-btn);
}

.mt-form-btn-secondary-button-ok {
    margin: 0 8px 0 8px;
    border: 1px solid transparent !important;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 36px;
    letter-spacing: 0.25px;
    line-height: 16px;
    background: var(--col-success-btn);
    border: 1px solid #dadce0 !important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: white;
}

.mt-form-btn-secondary {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    padding: 0 16px;
}

.mt-form-btn-secondary:hover {
    background: var(--col-hover);
    border-color: rgba(150, 198, 255, 0.4) !important;
    color: black;
}

.mt-form-btn-secondary:active {
    background: var(--col-active);
    border-color: rgba(150, 198, 255, 0.4) !important;
    color: black;
}


.mt-form-btn-main {
    background: var(--col-success-btn);
    color: white;
    background-image: none;
    border: 1px solid transparent !important;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    height: 36px;
    letter-spacing: 0.25px;
    line-height: 16px;
    padding: 9px 24px 11px 24px;
    margin: 0 0 0 16px;
}

.mt-form-btn-main:hover {
    background: var(--col-form-btn-main-hover) !important;
    border-color: var(--col-form-btn-main-hover) !important;
}

.mt-form-btn-main:active {
    background: var(--col-form-btn-main-active) !important;
    border-color: var(--col-form-btn-main-active) !important;
}

.doc-permission-btn {
    cursor: pointer;
    white-space: nowrap;
    line-height: initial;
    height: 32px;
    background: var(--col-success-btn);
    color: var(--col-text-second);
    padding: 10px 14px;
    border-radius: 4px;
    margin: auto;
    font-weight: 600;
    align-items: center;
    box-sizing: border-box;
    text-align: center;
    display: flex;
}

.doc-permission-btn:hover {
    background: var(--col-success-btn-select);
}

.doc-permission-btn:active {
    background: var(--col-success-btn-active);
}

.doc-permission-btn-blocked,
.doc-permission-btn-blocked:hover,
.doc-permission-btn-blocked:active {
    background: var(--col-success-btn-block);
}

.icon-notifier-container {

}

.loading-gif {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.ui-button-hover-active:hover {
    background: #F6F6F6;
    border-radius: 4px;
}

.ui-button-hover-active:active {
    background: rgba(150, 198, 255, 0.5);
    border-radius: 4px;
}