.right-wrap{
    /*border-right:1px solid ;*/
    /*width: 760px;*/
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend, caption, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
fieldset {
    border: 2px solid #ccc;
    padding: 10px 5px;
}
ul
.vert-t{
    vertical-align: top !important;
}
.vert-m{
    vertical-align: middle !important;
}
.align-c{
    text-align: center !important;
}
.align-r{
    text-align: right !important;
}
.align-l{
    text-align: left !important;
}
sup{
    color: red;
}
input[type=checkbox]
{
    margin: 0px !important; padding: 0px !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body, html{
    height: 100%;
}
body {
    line-height: var(--figma-line-height);;
    font-family: Arial;
    font-size: 13px;
    background: white;
}
textarea {
    line-height: var(--figma-line-height);;
    font-family: Arial;
    font-size: 13px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.text-input {
    padding: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    box-sizing: border-box;
}
.has-error{
    border-color: #d24545;
}
.hidden {
    display: none ;
}
.clear {
    clear: both;
}

/*
Кнопки
*/
.btn-proc {
    display: inline-block;
    background-color:#FFD84F;
    color: #000000;
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    line-height: 28px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    border-width: 0;
    cursor: pointer;
}
.btn-proc:hover
{
    background-color: #ffc702;
}
.btn-proc:disabled {
    background: var(--figma-background-lighter-gray);
    color: var(--figma-color-Cx6);
}

.btn-proc1{
    background: none !important;
    border: 1px solid #b1b7ba;
    text-transform: inherit;
}
.btn-proc1:hover{
    border-color: #444444;
}

.btn-proc2{
    background-color: #D0E17D;
    color:#000000

}
.btn-proc2:hover{
    background-color: #DBEE7C !important;
}
.btn-proc3{
    background-color: #F8D7D7;
    color:#000000

}
.btn-proc3:hover{
    background-color: #FACDCD !important;
}

.btn-link {
    color:#101010;
    display: inline-block;
}
.btn-link:hover {
    color:#000000;
}
.btn-sep {
    margin-left: 7px;
}
.btn-sep-r{
    margin-right: 7px;
}
.btn-sep-r1{
    margin-right: 20px;
}
.btn-sep1
{
    margin-left: 3px;
}
.btn-light {
    color: red !important;
}
.cancel-btn{
    display: inline-block;
    color: #5e5e5e;
    text-decoration: none;
}
.cancel-btn:hover{
    color: #090909;
}

/*
END Кнопки
*/


/*
Авторизация
*/

.auth-top-gray-line {
    background-color: #CCCCCC;
    text-align: center;
    padding: 6px 0px 6px 0px;
    width: 100%;
    color: #555;
    font-style: italic;
    font-size: 14px;
}
.auth_bl {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    height: 440px;
    left: 50%;
    margin-left: -344px;
    margin-top: -220px;
    position: absolute;
    top: 50%;
    width: 688px;
}
.auth_bl .au-logo {
    background-image: url("/images/logo.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 79px;
    margin: 56px auto auto;
    margin-bottom: 40px;
    width: 389px;
}
.auth-tb {
    margin: auto;
    width: 100%;
    max-width: 400px;
}
.esia-wrap {

    border-radius: 4px;
    padding: 20px;
    text-align: center;
    width: 600px;
    margin: auto;
    box-sizing: border-box;
}
.esia-wrap a{
    color: #1D5E7D;
    text-decoration: underline;
    font-weight: bold;
}
.esia-btn {
    background-image: url('/images/esia-simple.png');
    background-repeat: no-repeat;
    display: block;
    width: 100px;
    height: 15px;
}
.auth-tb .text-input {
    max-width: 400px;
    width: 100%;
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
}
.auth-tb tr .col {
    padding: 10px;

}
.auth-tb .pn {
    margin-bottom: 5px;
    font-weight: bold;
    color: #222222;
}
.auth-top-gray-line {
    background-color: #CCCCCC;
    text-align: center;
    padding: 6px 0px 6px 0px;
    width: 100%;
    color: #555;
    font-style: italic;
    font-size: 14px;
}
.auth-top-panel {
    padding: 15px 0px 15px 0px;
    background-color: #333333;

}
.auth-top-btn-wrap {
    float: right;
}
.auth-top-btn-wrap .abtn {
    float: left;
    margin-left: 20px;
}
.auth-top-btn-wrap .abtn a{
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.container-c{
    margin: auto;
    width: 1000px;

}
.auth-logo{
    margin:auto;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;

}
.auth-form-block{
    border: 1px solid #b1b7ba;
    max-width: 600px;
    margin: auto;
    margin-top: 50px;
    border-radius: 5px;
    box-sizing: border-box;

}
.auth-form-block .title{
    padding: 10px;
    font-size: 13px;

    border-bottom: 1px solid #b1b7ba;
    font-weight: bold;
    background-color: #A4B7C0;
    color: #ffffff;

}
.auth-form-block .wrap{
    padding: 10px;
}
/*
 END Авторизация
*/
.not-confirm td {
    background-color: #fefed9 !important ;
}
.not-confirm-div {
    background-color: #fefed9 !important ;
}
.error-box {
    border: 1px solid #D24545;
    padding: 0px 10px 5px 10px;
    color: #D24545;
    border-radius: 4px;
    line-height: 20px;
}
.success-box {
    border: 1px solid #F2BB79;
    padding: 0px 10px 5px 10px;
    color: #C98524;
    border-radius: 4px;
    background-color: #FFF8DE;


    line-height: 20px;

}
.complete-box {
    border: 1px solid #A5C99E;
    padding: 0px 10px 5px 10px;
    color: #506B4B;
    border-radius: 4px;
    background-color: #D8EFD4;


    line-height: 20px;

}
.error-box div, .success-box div, .complete-box div{
    margin-top: 5px;
}

/*
Каркас авторизованной системы
*/
.top-panel {
    /*background-color: #282828;*/
    /*padding: 15px 0px 15px 0px;*/
    min-width: 100%;
}
.top-panel .elem-right-group{
    float: right;
    position: relative;

}
.top-panel .mr {
    margin-right: 50px;
}
.top-panel .help-d-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 12px;
    top: 18px;
    background-image: url('/images/help.png');
}
.top-panel .elem-left-group{

    margin-left: 20px;
}
.top-panel .elem-btn{
    display: table-cell;
    padding: 0px 20px 0px 20px;
    color: #222222;
    text-decoration: none;
    height: 55px;
    vertical-align: middle;

}
.top-panel .elem-btn:hover{
    background-color: #FFD84F;
}
.top-panel .elem{
    display: table-cell;
    vertical-align: middle;
    height: 55px;
}


.main-cont-wrap{
    width:100%;

    margin:0 auto;
    height: 100%;
}
.main-cont-wrap .left{
    float:left;
    width:250px;
    background:#eee;
    margin-right:-300px;
    height: 100%;
}
.main-cont-wrap .right-wrap{
    float:right;
    width:100%;
}
.main-cont-wrap .right{
    margin-left:250px;
    border-top:1px solid #eee;
}
.main-carcas{
    width: 100%;
    height: 100%;
}
.main-carcas .left{
    width: 240px;
    height: 100%;
    vertical-align: top;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    background-color: #FCFCFC;
}
.main-carcas .right{
    height: 100%;
    vertical-align: top;
    border-top: 1px solid #eee;
}
.main-carcas .right-wrap{
    min-width: 300px;
    /*overflow: hidden;*/
}
.padn-content {
    padding: 15px;
}
.left-menu-wrap {
    width: 240px;
}
.left-menu-wrap .group{
    margin-top: 10px;
    padding: 10px;
}
.left-menu-wrap .group-title {
    color: #444444;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
}
.left-menu-wrap .group-title-1 {
    color: #DE0909;
}
.left-menu-wrap .group-list{
    margin-top: 10px;
    padding-left: 10px;

}
.left-menu-wrap .group-list a{
    display: block;
    text-decoration: none;
    color: #444444;
    padding: 5px 15px 5px 15px;
    border-radius: 3px;
    margin-bottom: 1px;
}
.left-menu-wrap .group-list a:hover{
    background-color: #ECE9E9;

}
.left-menu-wrap .group-list .selected{
    background-color: #ECE9E9;

}
.left-menu-wrap .sub-group {
    padding-left: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #DE0909;
    margin-top: 10px;
}
.nav-wrap{

    color: #222222;
    font-size: 18px;
    padding: 15px 15px 10px 15px;
    box-sizing: border-box;
}
.nav-wrap div {
    display: inline-block;
}
.nav-wrap .current{

}
.nav-wrap a{
    color: #222222;
    text-decoration: underline;
}
.tv-vert-m tr td{
    vertical-align: middle;
}
.tb{
    border-collapse: collapse;
    width: 100%;
}
.tb .selected td{
    background-color: #F3F5F9;
}
.tb thead tr th{

    color: #000000;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    background-color: #DBDBDB;
    border:1px solid #E7E7E7;
    vertical-align: middle;
}
.tb tbody tr td{
    padding: 10px;
    border-top:1px solid #E7E7E7;
    line-height: 15px;
}
.tb tbody tr td a{
    color: #000000;
}
.tb .brd-row td
{
    border: 1px solid #E7E7E7 !important;
}
.title-row-1 td{
    background-color: #F0F0F0;
    color: #1968ed;
}
.title-row-2 td{
    background-color: #F5F5F5;
}
.tb-border {
    border-collapse: collapse;
}
.tb-border tr td {
    border: 1px solid #e7e7e7 !important;
}

.zebra, .zebra td, .row:nth-of-type(even), .row:nth-of-type(even) td, .rows-hover tr:hover
{
    background-color: #F7F7F7;
}
.form-title {
    font-size: 15px;
    margin-bottom: 10px;
}
.form-tb {

}
.form-automarg{
    margin: auto;
}
.form-tb .text-input {
    width: 400px;
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
}
.form-tb tr .col {
    padding: 10px 0px 10px 0px;
    vertical-align: middle;

}
.form-tb tr .tlt {
    padding-right: 20px;
    font-weight: bold;
    text-align: right;

}
.form-tb .pn {
    margin-bottom: 5px;
    font-weight: bold;
    color: #222222;
}
.form-tb .noninptext{
    margin-top: 10px;
}
.form-tb .vat, .vat
{
    vertical-align: top !important;
}
.vam {
    vertical-align: middle !important;
}
.checkbox-list-wrap div{
    margin-bottom: 10px;
}
.marg-b{
    margin-bottom: 10px;
}
.marg-b20{
    margin-bottom: 20px;
}
.marg-t{
    margin-top: 10px;
}
.marg-t20{
    margin-top: 20px;
}
.marg-t30{
    margin-top: 30px;
}
.marg-b5 {
    margin-bottom: 5px;
}
.marg-t5 {
    margin-top: 5px;
}
.marg-t15 {
    margin-top: 15px;
}
.marg-r{
    margin-right: 10px;
}
.marg-r5{
    margin-right: 5px;
}
.marg-r20{
    margin-right: 20px;
}
.marg-l{
    margin-left: 10px;
}
.marg-l5{
    margin-left: 5px;
}
.marg-l20{
    margin-left: 20px;
}
/*
Табы
*/
.tabs-wrap{
    border-bottom: 1px solid #bababa

}
.tab_content_wrap .tab
{
    display:none;
    padding-top:15px
}
.tabs-wrap-margb{
    margin-bottom: 20px;
}
.tabs-wrap .item:hover
{
    background-color:#f4f4f4
}

.tabs-wrap .item
{
    display:inline-block;

    padding:9px 14px 9px 14px;

    text-align:center;
    color:#2e2e2e;
    position:relative;


    border-radius:2px 2px 0px 0px;
    text-transform: uppercase;
    text-decoration: underline;

    /*display:  block;
    float: left;*/

}
.tabs-wrap .item:hover
{
    background-color:#f4f4f4
}
.tabs-wrap .active
{


    font-weight:bold;
    color:#595959;

    background-color: #CB2026 !important;
    color: #ffffff;

}
.tab-content{

}
.form-wrap {

    border:1px solid #ECECEC;
    display: inline-block;
    background-color: #F7F7F7;
    box-sizing: content-box;
}
.width100{
    width: 100%;
}
.width50 {
    width: 50%;
}
.width_auto {
    width: auto !important;
}
.width-auto {
    width: auto !important;
}
.form-cont-wrap{
    padding: 15px;
    box-sizing: border-box;
}
.form-wrap-marg{
    margin-top: 20px;
}
.right-action-container{
    float: right;
    width: 200px;
    padding: 0 20px;
}
.right-action-block {
    float: right;
    width: 200px;
    background-color: #F7F7F7;
    padding: 0px 10px 20px 10px;
    border:1px solid #ECECEC;
    margin-left: 10px;
}
.right-action-container .right-action-block{
    float: none;
    clear: both;
    margin-left: 0px;
}
.right-action-block .item{
    margin-top: 20px;
}
.action-hor-block {
    background-color: #F7F7F7;
    padding: 10px 10px 10px 10px;
    border:1px solid #ECECEC;
}
.action-hor-block .item{

    float: left;
    margin-right: 20px;
}

.after-tabs-wrap{
    margin-top: 20px;
}
.btn-cont{
    text-decoration: none;
    color: #2e2e2e;
}
.btn-delete{
    color:red;
    text-decoration: none;
}
.btn-cont:hover{
    text-decoration: underline;
}
.add-btn{
    display: inline-block;
    border:1px solid #CC0000;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    color: #CC0000;
    background-color: #ffffff;
    text-decoration: none;
}
button.add-btn{
    font-size: 13px;
    line-height: var(--figma-line-height);
}
.add-btn:hover{
    border-color: #DE0909;
    color:#DE0909
}
.add-btn .icon {
    font-size: 10px;
}
.btn-bm {
    margin-bottom: 10px;
}
.fr{
    float: right;
}

.edit-tools
{
    white-space: nowrap !important;
}
.edit-tools-in-line {
    margin-left: 6px;
    padding-top: 1px;
}
.edit-tools .delete, .delete-ibtn
{
    background-image:url('/images/icons/del.png');
    display:inline-block;
    width:12px;
    height:12px;


}
.edit-tools .search, .search-ibtn
{
    background-image:url('/images/icons/search_sp.png');
    display:inline-block;;
    width:12px;
    height:12px;


}
.edit-tools .plus, .plus-ibtn
{
    background-image:url('/images/icons/plus.png');
    display:inline-block;;
    width:12px;
    height:12px;


}
.edit-tools .arch, .arch-ibtn
{
    background-image:url('/images/icons/arch_icon.png');
    display:inline-block;;
    width:12px;
    height:12px;


}
.edit-tools .str, .str-ibtn
{
    background-image:url('/images/icons/str_1.png');
    display:inline-block;;
    width:12px;
    height:12px;


}
.edit-tools .edit, .edit-ibtn
{
    background-image:url('/images/icons/edit.png');
    display:inline-block;;
    width:12px;
    height:12px;

}
.edit-tools .link-btn, .edit-tools .linka, .link-btn
{
    background-image:url('/images/icons/link.png');
    display:inline-block;;
    width:12px;
    height:12px;

}
.edit-tools .info, .info-btn
{
    background-image:url('/images/icons/info.png');
    display:inline-block;;
    width:12px;
    height:12px;

}
.edit-tools .sep{
    margin-left: 10px;
}

.edit-tools .plus:hover, .edit-tools .delete:hover, .edit-tools .edit:hover, .edit-tools .arch:hover,  .edit-tools .str:hover, .edit-tools .search:hover,
.plus-ibtn:hover, .delete-ibtn:hover, .edit-ibtn:hover, .arch-ibtn:hover,  .str-ibtn:hover, .search-ibtn:hover, .edit-tools .link-btn:hover, .edit-tools .link-btn:hover
, .edit-tools .info:hover, .info-btn:hover
{
    background-position:0px -12px
}
.date-input{
    width: 100px !important;
}
.date-input-browser{
    width: 110px !important;
}
.nobr
{
    white-space: nowrap;
}
.tb .phones-list div{
    margin-bottom: 4px;
}
.form-tb .sep td{
    border-bottom: 1px solid #444444 !important;
    padding: 10px 20px 10px 20px;
    text-transform: uppercase;
}

.form-tb .col-after-sep{
    padding-top: 20px !important;
}
.link{
    color: #1f648b;
    text-decoration: none;
}
.link:hover{
    text-decoration: underline;
}
.link-proc{

    border-bottom: 1px dashed #1f648b;
    color: #1f648b;
    text-decoration: none;
}
.link-ul {
    text-decoration: underline;
}
.proc-red {
    color: red !important;
    border-bottom-color:red ;
}
.proc-grey {
    color: #a4aaae !important;
    border-bottom-color:#a4aaae ;
}
.ecdiv{
    margin-bottom: 10px;
}
.directories-wrap .item{
     

    text-decoration: none;
    padding: 10px;
    color: #000;
    position: relative;

}
.directories-wrap .selected{
    font-weight: bold;
    background-color: #D0E17D !important;
}

.directories-wrap .selected-edit{
    font-weight: bold;
    background-color: #FFFDCF !important;
}
.directories-wrap .item a{
    color: #2e2e2e;
    text-decoration: none;

}
.directories-wrap .item .root {
    font-weight: bold;
}
.directories-wrap .item .name{
    display: inline-block;
    background-image: url(/images/folder_icon.png);
    background-repeat: no-repeat;
    background-position: 0px center;

    padding: 3px 0px 3px 18px;
}
.directories-wrap .item a:hover{
    text-decoration: underline;
}
.directories-wrap .item:hover{
    background-color: #F5F7F8;
    color: #1D5E7D;

}
.directories-wrap .item:hover .action{
    display: inline-block;
}
.directories-wrap .sep {
    display: inline-block;
    width: 10px;
    color: #D8D8D8;
}
.action{
    display: none;
    text-decoration: none;
    margin-left: 20px;
    position: absolute;
    color: red !important;
    font-weight: normal !important;
    top:12px
}
.action a{
    display: inline-block;
    margin-right: 10px;
}

/* ФОрма попап*/

.popup-form-overwlow-auto{
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    overflow: auto;
    overflow-x:auto;
    overflow-y:auto;
    max-height: 90%;
    height: 90%;

}

.popup-outer-shadow {
    background-color:#FFF;
    opacity:0.8;

    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    overflow: auto;
    overflow-x:auto;
    overflow-y:auto;

}
.popup_form
{
    position:absolute;
    z-index:1001;
    background-color:#FFF;

    border-radius:3px;
    min-height:400px;
    width:500px;
}
.p_cont {
    height: 100%;
}
.popup_form_cont
{
    padding:10px;
    height: 90%; /*что бы не создавать полосу прокрутки браузера без необходимости*/
}
.popup_form .content .title
{
    max-width:800px;
    overflow:hidden
}
.popup_form .content
{
    height:96%;
}
.popup_form .title
{
    padding-top:5px;
    font-size:17px;
}
.popup_form .close
{
    float:right;
    display:block;
    text-decoration:none;
    font-size:11px;
    margin-top:0px;
    color:#285389;
}
.popup-form-cont-notice
{

    height: 100%;
}
.popup-form-cont-notice .notice-wrap {
    padding:40px 40px 20px 40px;
}
.popup-form-cont-notice .success {
    border-bottom: 1px solid #F2BB79;
    padding: 20px 10px 20px 10px;
    color: #C98524;
    background-color: #FFF8DE;
}
.fxc
{
    position:fixed;

    height:1px;
    top:0px;
    left:0px;
    width: 0px;

}
._form_popup
{
    background-color:#FFF;
    border:1px solid #D5D5D5;
    box-shadow: 0 10px 10px rgba(0,0,0,0.4);
    position:absolute;

    width:100;
    display:none;
    z-index:1001;
    font-weight:normal
}
._form_popup .ptitle
{
    color:#000000;
    /*margin-bottom:4px;*/
    font-size:18px;
    background-color:#ededed;
    padding:15px;
    word-wrap: break-word;

}
.close_16
{
    width:16px;
    height:16px;
    background-image:url('/images/small_close_btn.png');
    display:block;
}
.close_16:hover
{
    background-position:0px 16px
}
.close_20
{
    width:20px;
    height:20px;
    background-image:url('/images/small_close_btn_20.png');
    display:block;
}
.close_20:hover
{
    background-position:0px 20px
}
.category-folder-name{
    color: #A7A7A7;
    margin-top: 4px;
    font-size: 11px;
}
.categories-tb{

}
.categories-tb .level1-td{
    background-color: #F0F0F0;
}
.categories-tb .level2-td{
    background-color: #F5F5F5;
}
.categories-tb .level3-td{
    background-color: #FAFAFA;
}
.categories-tb .name{
    color: #1F60CD;
}
.categories-tb tbody tr:hover td{
    background-color: #EBEBEB;
}
.radio-btn{
    display: inline-block;
    color: #fff;
    margin: 0px !important;
    float: left;
    padding: 9px 18px;
    background-color: #EAEAEA;
    color: #2e2e2e;
    cursor: pointer;
    position: relative;
}
.radio-btn:hover{
    background-color: #E0E0E0;
}
.radio-group .active{
    background-color: #CB2026;
    color: #fff;
}
.radio-group-1 .active{
    background: none !important;
    color: #2e2e2e;
    border-bottom: 1px solid #8c8c8c !important;
}
.radio-group-1 .radio-btn{
    border-bottom: 1px solid #EAEAEA;

}

.radio-group-2 .active{
    background: none !important;
    color: #cb2026 ;

    border: 1px solid #EAEAEA !important;
    font-weight: bold ;

}
.radio-group-2 .radio-btn{
    border: 1px solid #EAEAEA !important;
}
.radio-group .label-notice {
    position: absolute;
    top: -5px;
    right: -5px;
    border-radius: 3px;
    background-color: red;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    z-index: 10;
}

.radio-btn input[type="radio"]{
    display: none;
    position: absolute;
}
.project-docs{

}
.project-docs .side{
    width: 50%;
}
.project-docs tr:hover td{
    background-color: #F9F9F9;
}
.fade-block-wrap{
    position: absolute;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    padding: 10px 10px 0px 10px;
    display: none;
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    line-height: 100%;
    font-style: normal;
    box-sizing: border-box;
    z-index: 100;

}
.fade-block-wrap .sep{
    border-bottom: 1px solid #8c8c8c;
    margin-bottom: 10px;
}
.fade-block-wrap a,  .fade-block-wrap .other-a{
    border: 1px solid #fff;
    border-radius: 2px;
    color: #666;
    display: block;
    margin-bottom: 10px;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}
.fade-block-wrap a:hover {
    background-color: #f2f2f2;
    border-color: #efefef;
}
.cat-ext-btn{
    display: inline-block;
    padding: 2px 10px 2px 10px;
    border: 1px solid #ECECEC;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;
    color: #B1B1B1 !important;
    line-height: 100%;
    text-decoration: none;
    background-color: #fff;
}
.cat-ext-btn:hover{
    border-color: #8C8C8C;
    color: #5e5e5e !important;
    cursor: pointer;
}
.remark-add-btn{
    display: inline-block;
    padding: 2px 10px 2px 10px;
    border: 1px solid #ECECEC;
    font-size: 14px;
    border-radius: 3px;
    font-weight: bold;

    line-height: 100%;
    text-decoration: none;
    color: #B1B1B1 !important;
    background-color: #fff;
}
.remark-add-btn:hover{
    border-color: #8C8C8C;
    color: #5e5e5e !important;
    cursor: pointer;
}
.remark-add-btn-red {
    color: #CE9A9B !important;
    border-color: #CE9A9B;
}
.remark-add-btn-red:hover {
    color: #9C6869 !important;
    border-color: #9C6869;
}

.catsub {
    color: #E9E9E9 !important;
    font-weight: bold;
}
.doc-tb{
    border-collapse: collapse;

}
.doc-tb tr td{
    border: 1px solid #D7D7D7 !important;
    background-color: #FBFBFB;
}
.doc-memu-text {
    line-height: 20px !important;
}

.ds{
    display: inline-block;
    width: 20px;
    height: 1px;
    background: none;
}
.cell{
    display: table-cell;
}
.remark{

    padding: 5px 0px 5px 0px;
    line-height: 17px;

}
.remark-area{
    height: 100px;
}
.select-row{
}
.remark-text{
    font-weight: bold;
    line-height: 20px;

}
.sub-remark-text{
    margin-top: 10px;
    color: #5e5e5e;
}
.sub-remark-status{
    padding-top: 3px;
}
.messages-wrap{

    max-height: 400px;

    border-top: 2px solid #C9C9C9 ;
    position: relative;
    padding-right: 20px;
    overflow: hidden;
    min-height: 150px;


}
.messages-wrap:after{
    content: '';
    display: block;
    height: 3px;
    position: absolute;
    width: 100%;
    z-index: 99;
    top:0px;
    background-color: rgba(0, 0, 0, .07);;
}
.messages-wrap .message-item{
    padding: 20px 10px 20px 0px;
    border-top:1px solid #F3F5F9 ;
}
.messages-wrap .message-user{
    margin-bottom: 6px;
    font-weight: bold;
}
.messages-wrap .message-text{
    line-height: 20px;
}

.messages-wrap .date{
    color: #5e5e5e;
    float: right;
}
.no-content {
    color: #8c8c8c;
    text-align: center;


}
.f-sep{
    display: inline-block;
    width: 20px;
    height: 1px;
}
.f-elem{
    white-space: nowrap;
}
.option-btn{
    text-decoration: none;
    color: #5e5e5e;
    font-size: 20px;
}
.option-btn:hover{
    color: #2e2e2e;
}
.no-accepted{
    border-bottom: 1px dashed red;
}
.title{
    font-size: 15px;
    font-weight: bold;
}
.cat-sep{
    display: inline-block;
    padding: 0px 5px 0px 5px;
}
.project-docs tr td{
    border: 1px solid #e7e7e7;
    border-bottom: none;
}
.project-docs #project-parameters tr.-param td{
    background: #fffff0 !important;
}
.project-docs #project-parameters tr.-param.-start td{
    border-top: 1px solid black !important;
}
.project-status-wrap{
    float: right;
    padding: 7px 11px 7px 11px;
    background-color: #F6F6F6;
    position: relative;
    top: -42px;
    text-align: right;
    width: 200px;
    margin-bottom: -40px;
}
.project-status-progress {
    /*margin: 0px 10px 0px 0px;*/
    position: relative;

    border:solid #ddd 1px;
    border-radius: 3px;
    display: inline-block;
    color:#FFFFFF;
    width: 100% !important;

}
.project-status-progress-bar {
    width: 0;
    height: 10px;
    color:#000000;
    padding: 4px 0px 4px 0px;
    background-color: #FFD84F;
}
.project-status-progress-number {
    /*position:absolute;*/
    /*top: 5px;*/
    /*left: 100%;*/
    margin-left:10px
}
.pr-status-fade-block-wrap{
    position: absolute;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    padding: 10px 10px 0px 10px;

    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    line-height: 100%;
    font-style: normal;
    right: 0px;
    top: 24px;
    width: 180px;
    display: none;
    z-index: 1000;

}
.pr-status-fade-block-wrap .sep{
    border-bottom: 1px solid #8c8c8c;
    margin-bottom: 10px;
}
.pr-status-fade-block-wrap a {
    border: 1px solid #fff;
    border-radius: 2px;
    color: #666;
    display: block;
    margin-bottom: 10px;
    padding: 5px 20px 5px 5px;
    text-decoration: none;
}
.pr-status-fade-block-wrap a:hover, .pr-status-fade-block-wrap .active {
    background-color: #f2f2f2;
    border-color: #efefef;
}
.d-inline{
    display: inline-block;
}
.line-h{
    line-height: 20px !important;
}
.sub-text{
    color: #5e5e5e;
}
.sub-text1{
    color: #a4aaae;
}
.filter-line {
    line-height: 35px;
}
.padn-l{
     padding-left: 10px !important;
 }
.padn-l20{
    padding-left: 20px !important;
}
.padn-r{
    padding-right: 10px !important;
}
.padn-r20{
    padding-right: 20px !important;
}
.lot-full-link {
    display: block;
    height: 100%;
    width: auto;
    padding: 10px 10px 10px 10px;
    text-decoration: none;
}
.no-padn {
    padding: 0px !important;
}
.float-r{
    float: right;
}
.float-l{
    float: left;
}
.lot-offer-status-wrap {
    margin-top: 10px;
}
.offer-sum {
    color: #DE0909;
    font-weight: bold;
}
.offer-status {
    color: #2e2e2e;
    font-weight: bold;
}
.offer-sep {
    border: none !important;
}
.offer-tlt-width{
    min-width: 170px
}
.lot-status-wrap{
    position: relative;
}
.lot-status-fade {
    left: 0px;
    width: 220px;
}
.link-nu {
    text-decoration: none;
}
.remark-info {
    background-color: #F7F7F7;
    padding: 10px;

    margin-top: 10px;
    position: relative;
}
.remark-info-hidden {
    display: none;
    line-height: 20px;
    margin-top: 8px;
}
.icon-sep {
    margin-left: 5px;
}
.remark-info-a {

    float: right;
    font-size: 19px;
    text-decoration: none;
    color: #000000;
}
.remark-e-status-a {
    margin-right: 20px;
}
.fade-remark-status {
    left: 0px;
    width: 220px;
    margin-top: 10px;
}
.remark-inner {
    width: 100%;
}
.remark-inner tr td {

}
.remark-inner .text {
    line-height: 17px;

}
.remark-inner .chbx {
    width: 20px;
    text-align: left;
}
.remark-inner .icon {
    width: 17px;
    font-size: 13px;
    text-align: left;
}
.remark-inner .rem-hs-wrap {
    vertical-align: top;
    padding-top: 3px;
}

.remark-inner .rem-hs-wrap1 {
    vertical-align: top;
    padding-top: 1px;
}
.remark-tb{
    border-collapse: collapse;
    width: 100%;
}
.remark-tb .remark{
    /*border-left:15px solid #fff;*/
}
.remark-tb .selected .td:first-child{

    /*background-color: #CB2026;*/
    /*border-left:4px solid #CB2026;*/
}
.remark-tb .selected .td, .remark-tb .td div.selected{
    background-color: #fdfdfd;
    border-bottom-color:#CB2026 ;
}
.remark-tb .td div.selected{
    border-bottom: 1px solid #CB2026;
}

.remark-tb thead tr th{

    color: #000000;
    font-weight: bold;
    padding: 10px;
    text-align: left;
    background-color: #DBDBDB;
    border:1px solid #E7E7E7;
    vertical-align: middle;
}
.remark-tb tbody tr .td, .tdoc-bar{
    padding: 3px 10px 3px 10px;
    border:1px solid #E7E7E7;
    line-height: 15px;
}

.tdoc-bar {
    position: relative !important;
    font-weight: normal !important;
}

.tdoc-bar td:not(:nth-child(4)) {
    white-space: nowrap;
}

.tdoc-bar td:nth-child(4) {
    width: 99%;
    text-align: right;
    vertical-align: top;
}

.remark-tb tbody tr td a{
    color: #000000;
}
.remark-tb .category-item, .remark-tb .book-item,  .remark-tb .version-item{
    background-color: #F8F8F8;
}
.remark-tb .chbx-wrap input[type=checkbox] {
    margin: 0px;
}
.remark-tb .chbx-wrap {
    padding-top: 4px;
}
.remark-tb .remark-item .chbx-wrap{
    padding-top: 4px;
}

.remark-tb .remark-item .icon{
    padding-top: 3px;
}
.remark-tb .remark-item .text{
    padding-top: 3px;
}
.rem-hs {
    display: inline-block;
    width: 9px;
    height: 9px;
    background-repeat: no-repeat;
}
.rem-hide {
    background-image: url('/images/down-s.png');
}
.rem-show {
    background-image: url('/images/right-s.png');
}
.cursor {
    cursor: pointer;
}
.cursor-default {
    cursor: default;
}
.light  td {
    background-color: #FFD84F;
}
#toTop {
    text-align:center;
    position:fixed;
    bottom:30px; /* отступ кнопки от нижнего края страницы*/
    left:30px;
    cursor:pointer;
    display:none;
    color:#333;
    font-family:verdana;
    font-size:11px;
    border-radius: 20px;
    color: #000;
    padding: 40px 0px 30px 0px;
    background-image: url('/images/up.png');
    background-position: center 18px;
    background-repeat: no-repeat;
    text-align: center;
    width: 180px;
}
#toTop:hover {
    background-color: #f0f0f0;

}
.remark-checked-action {
    line-height: 25px;
}
.remark-checked-action a {
    white-space: nowrap;
}
.project-slide {
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    z-index: 9999;
}
.project-slide-wrap {
    padding: 5px;
}
.project-slide-wrap .nav-wrap {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
}

.project-slide-wrap .remark-checked-action {
    margin-top: 3px;
    margin-bottom: 0px;
}
.project-slide-wrap .category-tree {
    margin-top: 10px;
}
.project-slide-wrap .category-tree span {
    font-weight: bold;
    font-size: 14px;
    color: red;
}
.remark-clone-tb {
    margin-top: 2px;
}
.remark-clone-tb tr th {
    border: none !important;
}
.remark-notices-count {
    font-weight: bold;
    color: red;
}
.edit-pencil {
    color: #2e2e2e
}
.files-add-title {
    margin-bottom: 10px;
    color: #8c8c8c;
    font-size: 12px !important;
}
.project-right-side {
    height: 100%;
    padding-left: 20px;
}
.project-right-spoiler {
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
/*
#docs-right-side:empty {
    display: none;
}*/
.category-name {
    font-size: 14px;
}
.sub-text-m {
    margin-top: 6px;
}
.doc-icon {
    width: 16px;
    height: 16px;
}
.doc-icon img {
    width: 12px;
    padding-top: 4px;
}
.doc-icon1 img {
    width: 12px;
    padding-top: 3px;
}
.category-sort-wrap {

}
.category-sort-wrap .item{
    padding: 10px;
    cursor: pointer;
    border: 1px dotted #cfcfcf;
    margin-bottom: 5px;
    background-color: #fff;
    background-image: url('/images/move_icon.png');
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 36px;
    box-sizing: border-box;
}
.category-sort-wrap .item-fix{

    background-position: 10px 10px;

}
.link-shuffle {
    display: block;
    float: left;
    text-decoration: none;
    font-weight: bold;
    color: #a5b9cf !important;
    font-size: 12px;
    margin-right: 10px;
}
.link-shuffle:hover {
     color: #7d92a9 !important;
}
.user-fields-required-notice {
    padding: 10px;
    background-color:#FFD84F ;
    font-weight: bold;
    border-bottom: 1px dotted #000;

}

.table {
    border-collapse: collapse;
    box-sizing: border-box;
}
.table .trh:hover .td, .table .trh:hover .td1{
   background-color: #F8F8F8;
}
.table .td{
    border: 1px solid #e7e7e7;
    padding: 10px;
}
.table .th{
    border: 1px solid #e7e7e7;
    padding: 10px;
    font-weight: bold;
    text-align: left;
}
.table .td1{
    border: 1px solid #e7e7e7;
    padding: 4px 10px 4px 10px;
}
.table .td2{
    border: 1px solid #e7e7e7;
    padding: 3px 10px 3px 10px;
}

.tb-sorting{
    border-collapse: collapse;
    width: 100%;
    height: 100%;

}
.tb-sorting .selected td{
    background-color: #F3F5F9;
}
.tb-sorting thead tr th{

    color: #000000;
    font-weight: bold;

    text-align: left;
    background-color: #DBDBDB;
    border:1px solid #E7E7E7;
    vertical-align: middle;
    height: 100%;
    box-sizing: border-box;

}
.tb-sorting tbody tr td{
    padding: 10px;
    border-top:1px solid #E7E7E7;
    line-height: 15px;
}
.tb-sorting tbody tr td a{
    color: #000000;
}

.sort-cell {
    padding: 10px 10px 10px 10px;
    height: 100%;
    box-sizing: border-box;

}
.sort-cell-active:hover{
    background-color: #E7E7E7;
}
.sort-ind {
    display: block;
    position: absolute;
    margin-left: -8px;
    margin-top: -3px;
    color: red;
    font-size: 13px;
    font-weight: bold;
}
.settings-btn-table {
    text-decoration: none;
    color: #5e5e5e;
    font-size: 19px;
    display: block;
    position: absolute;
    margin-top: -5px;
}
.settings-btn-table:hover{
    color: #2e2e2e;
}
.settings-btn-table-wrap {
    width: 20px;
    margin: auto;
    position: relative;
}
.table-settings-block {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    z-index: 100;
    margin-top: 14px;
    width: 200px;
    margin-left: -184px;
}
.table-settings-block a {
    text-decoration: none;
    display: block;
    padding: 15px 15px 15px 35px;
    font-weight: normal;
    color: #2e2e2e;
}
.table-settings-block a:hover {
    background-color: #fbfbfb;
}
.table-settings-block .selected {

    background: 7px center url('/images/ok.png') no-repeat;
}
.th-opt {
    width: 40px;
}
.remark-docs-wrap {

}
.remark-docs-wrap a {
    text-decoration: none;
    color: #000000;
}
.remark-docs-wrap a:hover {
    text-decoration: underline;
}
.remark-docs-wrap .size {
    color: #3D3D3D;
}
.remark-docs-wrap .icon {
    float: left;
    padding-top: 2px;
    margin-right: 4px;
}
.remark-docs-wrap .icon img {
    width: 16px;
}
.user-jobs-item span {
    font-weight: bold;
    display: inline-block;
    width: 80px;
}
.user-jobs-row {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.tb-show {

}
.tb-show .tlt {

    color: #5e5e5e;
}
.tb-show .val {
    color: #1D5E7D;
}
.tb-show tr td {
    padding-bottom: 15px;
    padding-right: 20px;
}
.tb-show .sep .tlt {
    font-weight: bold;
}
.tb-show .sep .sep {
    border-top: 1px solid #5e5e5e;
}
.form-wrap-tb {
    display: inline-block;
    box-sizing: border-box;

}

.form-automarg{
    margin: auto;
}
.form-table .text-input {
    width: 400px;
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
}
.form-table tr .col {
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
}
.form-table tr .pdl {
    padding-left: 10px;
}
.form-table tr .tlt {
    padding: 10px 20px 10px 0px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    vertical-align: middle;
}
.form-table .pn {
    margin-bottom: 5px;
    font-weight: bold;
    color: #222222;
}
.form-table .noninptext{
    margin-top: 10px;
}
.form-table .vat, .vat
{
    vertical-align: top !important;
}
.form-table .sep-th td{

    background-color: #FFE17B;
    color: #000;
}
.form-table .sep-th td span{

    padding: 10px 20px 10px 10px;
    display: block;
}
.form-table .sep-th .btn {
    display: block;
    float: right;
    height: 100%;
    background-color: #FFD84F;
    padding: 10px 0px 10px 0px;
    color: #000;
    text-decoration: none;
    min-width:90px;
    text-align: center;
}
.form-table .sep-th .btn:hover {
    background-color: #ffc702;
    color: #000;
}
.form-table .sep-th .btnsep {
    border-left: 1px solid #ffc702;
}
.form-table .sep-br td {
    padding-bottom: 10px;
}

.form-table .sep-line td{
    border-top:1px solid #eee ;
}
.form-table .sep .sep {
    border-bottom: 1px solid #C7CCD1;
}

.contact-main-table .form-table .tlt {
    width: 120px;
}
.vat-p {
    vertical-align: top !important;
    padding-top: 20px !important;
}
.vat-l {
    vertical-align: top !important;
    padding-top: 14px !important;
}
.vat1 {
    vertical-align: top !important;
    padding-top: 2px;
}
.line-sep {
    display: inline-block;
    width: 20px;
}

.width30 {
    width: 30%;
}

.contact-main-table .show-table .tlt {
    width: 120px;
}
.show-table .tlt {
    color: #000;
}
.show-table .val, .show-table .col {
    color: #1D5E7D;

}
.show-table tr .val, .show-table tr .tlt, .show-table tr .col{
    padding: 10px 0px 10px 0px;
}
.show-table tr .pdnr20{
    padding-right: 20px !important;
}
.show-table tr .pdnl20{
    padding-left: 20px !important;
}
.show-table tr .tlt{
    padding: 10px 0px 10px 10px;
}

.show-table .sep .tlt {
    font-weight: bold;
}
.show-table .sep .sep {
    border-top: 1px solid #C7CCD1;
}
.show-table .sep-th td{

    background-color: #FFE17B;
    color: #000;
}
.show-table .sep-th td span{

    padding: 10px 20px 10px 10px;
    display: block;
}
.show-table .sep-line td{
    border-top:1px solid #eee ;
}
.show-table .sep-br td {
    padding-bottom: 10px;
}
.contact-is-acc {
    font-size: 13px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #1f648b;
    display: inline-block;
    text-decoration: none;
}
.tdid {
    width: 20px;
}
.td-sort {
    width: 60px;
}
.chbx-pos-wrap {
    display: inline-block;
    position: relative;
}
.chbx-pos-wrap .chbx-pos {
    position: absolute; width: 10px; height: 10px; top: 2px; right: -15px;line-height: 20px;
}
.chbx-pos-wrap-l {
    display: inline-block;
    position: relative;
    padding-left: 18px;
    line-height: 20px;
}
.chbx-pos-wrap-l .chbx-pos {
    position: absolute; width: 10px; height: 10px; top: 2px; left: 0px
}
.inp-sep {
    margin-left: 10px;
}
.checking-account-wrap .account {
    width: 170px;
}
.checking-account-wrap .bik {
    width: 100px;
}
.checking-account-wrap .item {
    margin-bottom: 8px;
}
.user-info-block {
    width: 100%;
    padding: 10px 10px 0px 10px;
    /*border:1px dashed #ccc;*/
    box-sizing: border-box;
}
.user-info-block .name {
    font-weight: bold;
    margin-bottom: 20px;
}
.user-info-block .tb-rows tr td {
    padding-right: 10px;
    padding-bottom: 10px;
}
.user-info-block .tb-rows .tlt-name {
    color:#5e5e5e
}
.user-info-block .tb-rows .value {
    color: #1D5E7D;
}
.user-info-block .tb-rows .nopd {
    padding-bottom: 0px;
}
.brbtpdno {
    padding-bottom: 0px !important;
}
.user-info-block-small
{
    padding: 0px;
}
.contact-user-select {

    border-bottom:1px dashed #ccc;
    padding-bottom: 10px;
    padding-top: 10px;
}
.contact-nobrd-fix {
    border-bottom: none;
}
.contact-user-select .select-wrap {
    padding-left: 10px;
    margin-bottom: 10px;
}
.cro-edit-table .text-input{
    width: 170px;
}
.cro-edit-table tr .col{
    padding-left: 20px !important;
}
.cro-edit-table .lpdn{
    padding-left: 40px !important;
}
.cro-show-table tr .col{
    padding-left: 20px;
}
.cro-show-table tr .tlt{

}
.pr-parts-item-wrap {

    margin-top: 20px;
}
.pr-parts-item-wrap .lt {
    float: left;
    width: 100px;
    padding-top: 8px;
}
.pr-parts-item-wrap .rt {
    float: left;
    padding-left: 20px;

}
.pr-parts-item-wrap .info {

    margin-top: 10px;
}
.other-performers-wrap .other-item {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.idtd {
    width: 10px;
}
.ta-center {
    text-align: center;
}
.copy-success {
    font-size: 11px;
    color: #5e5e5e;

}
.copied {
    color: #CB2026 ;
}
.btn-ext-block {
    border: 1px solid #5e5e5e;
}
.btnpadnt {
    padding-top: 6px;
}
.file-date-sub {
    color: #9C9C9C;
    white-space: nowrap;
}
.doc-project-name {

    padding: 0px 20px 0px 10px;
    float: right;
}
.sign-tb {
    border-collapse: collapse;
}
.sign-tb tr td {
    padding: 10px 10px 10px 0px;
}
.signers-already {
    color: #5e5e5e;
    color: green;
}
.signers-already span {
    color: green;
}
.sign-br {
    margin-top: 30px;
    border-bottom: 1px solid #9C9C9C;
    width: 100%;
    height: 1px;
}
.success-title {
    font-size: 15px;
    color: green;
    font-weight: bold;
}
.sign-docs-table {
    border-collapse: collapse;
    width: 100%;
}
.sign-docs-table tr td {
    padding: 10px 20px 10px 10px;
    border: 1px solid #E7E7E7;
}

.sign-docs-table {
    border-collapse: collapse;
    width: 100%;
}
.sign-docs-table tr td {
    padding: 10px;
    border: 1px solid #E7E7E7;
}
.nomr {
    margin: 0px;
}
.nomrt {
    margin-top: 0px;
}
.nomrb {
    margin-bottom: 0px;
}
.key-has-signature {
    color: #FBCA0B !important;
}
.key-ic {
    font-weight: bold;
    color: #c0c0c0;
}
.control-remarks {

}
.control-remarks .item {

    background-color: #F7F7F7;
}
.control-remarks .c-remark-text {
    padding: 10px;
}
.control-remark-messages-wrap {
    background-color: #ffffff;
}
.nobrd {
    border:none !important;
}
.circle {
    border-radius: 50%;
    border: 1px solid ;
}
.doc-circle-wrap {
    /*vertical-align: middle;*/
}
.doc-circle-wrap .circle{
    width: 7px;
    height: 7px;
    opacity: 0.5;

}
.link-blank {
    text-decoration-color: #3396c9;
}
.action-fix {
    position: fixed;
    bottom: 0px;
    background: #ffffff;
    width: 500px;
    z-index: 10;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.3);
}
.action-fix .wrap {
    padding: 15px 10px 15px 10px;
}
.tb-b-marg {
    margin-bottom: 50px;
}
.color-grey {
    color: grey;
}
.color-green {
    color: green;
}
.color-lime {
    color: lime;
}
.color-red {
    color: red;
}
.simple-table {
    border-collapse: collapse;
    width: 100%;
}
.simple-table tr td {
    padding: 10px 20px 10px 10px;
    border: 1px solid #E7E7E7;
}

.simple-table {
    border-collapse: collapse;
    width: 100%;
}
.simple-table tr td {
    padding: 10px 20px 10px 10px;
    border: 1px solid #E7E7E7;
}
.project-control-info {
    font-weight: normal;
    margin-left: 20px;
    line-height: 16px;
}
.project-control-info-a .icon-info {
    color: #adadad;
}
.oauth-activate-notice {
    font-size: 12px;
    text-align: center;
    display: inline;
    margin: auto;
}
.help-group-article-corner {
    position: absolute;
    width: 17px;
    height: 36px;
    border-left:1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    margin-left: 4px;
    margin-top: 10px
}
.mn-help-article-wrap {
    padding-left: 30px;
    padding-top: 20px
}
.art-h-public {
    background-color: green;
    display:  block;
    padding: 2px 6px 2px 6px;
    color: white;

}
.art-h-nopublic {
    background-color: grey;

    padding: 2px 6px 2px 6px;
    color: white;


}

.help-tb {
    width: 1010px;
}
.articles-left {
    width: 250px;
}
.articles-left .title {
    font-size: 12px;
}
.articles-left ul {
    padding: 0px;
    margin: 10px 0px 10px 0px;
}
.articles-left ul li {
    list-style: none;
    padding-left: 20px;
    margin-top: 10px;
}
.articles-left ul li span {

    font-size: 14px;
    line-height: 18px;
    color: #3C454B;

    cursor: pointer;
}
.articles-left ul li span:hover {


    border-bottom: 1px solid #FFD84F;
}
.articles-left ul li .selected {

    /*background-color: #FFD84F ;*/
    color: #000000 !important;
    border-bottom: 1px solid #FFD84F;
}
.articles-right {
    padding-left: 20px;
    width: 750px;

}
.article-item-content {
    width: 750px;


}
.article-item-content .title {
    font-size: 40px;
    line-height: 34px;
}
.article-item-content .article-cont {
    margin-top: 40px;

    font-size: 16px;
    line-height: 24px;
}
.article-item-content ul {
    list-style: disc;
}
.article-item-content ul li {
    padding: 5px 0px 5px 0px;

}
.article-item-content a {
    color: #1f648b;
    text-decoration: underline;
}
.article-item-content p {
    margin: 12px 0px 12px 0px;
}
.help-files {

}
.help-files .file-title {

    padding-bottom: 3px;
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #3C454B;
    margin-top: 40px;
}
.help-files .file-title:first-child {
    margin-top: 0px;
}
.help-files .item {
    margin-bottom: 10px;
}
.help-files .icon {
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
    color: #CB2026;
}
.help-files .item a {
    display: inline-block;
    margin-left: 20px;
    line-height: 17px;
}
.mn-block {
    width: 300px;

}
.mn-block .title {
    border-bottom: 2px solid #FFD84F;
    padding-bottom: 5px;

}
.mn-block ul {
    padding: 0px;
    margin: 0px;

}
.mn-block ul li {
    list-style: none;
    padding-top: 10px;
}
.mn-block ul .sub-group {
    font-size: 12px;
    text-transform: uppercase;
    color: #444444;
    font-weight: bold;
}
.mn-block ul li a {
    color: #000000;
    text-decoration: none;
}
.mn-block ul li a:hover {
    text-decoration: underline;
}
.project-upload .ajax-file-upload-container {
    max-height: 300px;
    overflow-y: scroll ;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
}

.project-upload .ajax-file-upload-container .ajax-file-upload-statusbar:first-child {
    margin-top: 0px;
}
.project-upload .ajax-file-upload-container .ajax-file-upload-statusbar:last-child {
    margin-bottom: 0px;
}
.manage-groups-sub-wrap .item:first-child{
    margin-top: 20px;
}
.manage-help-groups-art-wrap {
    min-height: 20px; border: 1px dashed; padding: 3px
}
.manage-help-groups-art-wrap .item:last-child {
    margin-bottom: 0px;
}
.manage-help-groups-art-wrap .item {
    margin-top: 0px !important;
}
.art-def-im-txt {
    background-color: #F8F8F8;
    height: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.art-def-wrap {
    margin-top: 40px;
}
.art-def-txt {
    font-size: 40px;
    color: #D6D6D6;
    height: 100%;
}
.help-root-ul  li {
    padding-left: 0px !important;
}
.articles-left .help-root-ul:first-child {
    margin-top: 0px !important;
}
.articles-left .help-root-ul:first-child li:first-child {
    margin-top: 0px !important;
}
.control-templates-wrap {
    overflow-y: auto;
    max-height: 400px;
    padding-right: 5px;
}
.control-templates-wrap .item:last-child {
    margin-bottom: 0px;
}
.control-templates-wrap .item {
    background-color: #ffffff;
    background-position: 10px 10px;
    background-image: none;
}

.control-templates-wrap .item{
    padding: 10px;
    cursor: pointer;
    border: 1px dotted #cfcfcf;
    margin-bottom: 5px;
    background-color: #fff;
    background-repeat: no-repeat;
    box-sizing: border-box;
    cursor: move;
}
.control-templates-wrap .item-fix{

    background-position: 10px 10px;

}

.tpl-info-bl {
    border-left: 3px solid #CCCCCC;
    padding-left: 4px;
    display: none;
}
.right-cont-dinamic-block {
    overflow-y: auto;
    padding-right: 10px;
}
.search-inp {
    box-sizing: border-box;

    padding: 10px 10px 10px 10px;
    /*border: 1px solid #ffc702;*/
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.375) inset;
    border: none;
    width: 100%;
    border: 1px solid #fff;
}
.warn-div-logo {
    background-image: url('/images/warning.jpg');
    height: 54px;
    width: 54px;
}
.warning-text {
    padding-left: 20px;

}
.warning-tb {
}
.ea-l-wrap .select-bl{
    float: left;
}
.ea-l-wrap .create-bl{
    float: left;
    padding-left: 20px;
    padding-top: 8px;
}
.form-popup-wrap {
    overflow-y: auto;
    padding-right: 10px;
}


.uidanger-wrap{
    color: black;
    position: absolute;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    padding: 10px 0px 10px 0px;
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    line-height: 100%;
    font-style: normal;
    right: 0px;
    top: 24px;
    width: 280px;
    display: none;
    z-index: 1000;
}
.uidanger-wrap .title {
    font-size: 13px;
    margin-bottom: 20px;
}
.uidanger-wrap .item {
    line-height: 20px;
    border-bottom: 1px solid #ccc;

    padding: 10px;
}
.uidanger-wrap .item:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: 0px;
}
.uidanger-wrap a {
    color: #1f648b;
}
.ui-notice-btn {
    color: red;
    text-decoration: none;
}

table.th-nobr th{
    white-space: nowrap;
}

#exUsers .active .editExUser, .back-eee,#exUsers .active .editExUserForm, .hover:hover{
    background: #eee;
}
#exUsers .initials{
    cursor: pointer;
    margin-right: 8px;
}

.exRoleName{
    margin-left: 5px;
    margin-right: 5px;
}

.cell-color{
    background: #ffe690;
}

.fix-panel{
    position: fixed;
    background: white;
    border-bottom: 1px solid #E7E7E7;
}

.fix-panel th{
    background: white;
}

hr.line-light{
    border:none;
    border-bottom: solid 1px #eee;
}

/***  MENU ***/

#leftmenu{
    position:absolute;
    left:0;
    transition: all .5s ease-in-out;
    transform: translate(0,0);
    z-index: 9;
}
#leftmenu.hidden2{
    left:-240px;
    /*transform: translate(-240px,0);*/
}
.group-title a{
    color: black;
    text-decoration: none;
}
.top-panel .-menu, .top-panel .group-title{
    display: table-cell;
    vertical-align: middle;
    height: 55px;
    color: #1D5E7D;
}

.top-panel .mr2 {
    margin-right: 25px;
}

#menuBtn{
    position: relative;
    /*bottom: 5px;*/
    font-size: 14pt;
    margin-left: 30px;
    display: inline-block;
    cursor: pointer;
}
#top_menu, #top_menu .group{
    display: inline-block;
}
#top_menu>.group{
    cursor:pointer;
}
#top_menu .group>.group-title{
    text-transform: uppercase;
    font-weight: bold;
    color: black;
}
#top_menu{
    position: relative;
}
#top_menu img{
    max-width: 24px;
    max-height: 24px;
    vertical-align: middle;
    margin-right: 5px;
}
#top_menu .group-list{
    display: none;
    position: absolute;
    top: 55px;
    background: white;
    border: 1px solid #eee;
    z-index: 99999;
    min-width: 150px;
}
#top_menu>.group>.group-list {
    margin-left:-10px;
}
#top_menu .group-list a{
    display: block;
    text-decoration: none;
    color: #444444;
    padding: 10px 25px;
    border-radius: 3px;
    margin-bottom: 1px;
}
#top_menu .group-list a:hover, #top_menu .group-list .selected {
    background-color: #ECE9E9;
}
#top_menu .group-list .group{
    display: block;
}
#top_menu .group-list .group:nth-child(1){
    border-top: none;
}
#top_menu .group-list .group .group-title{
    height: 30px;
    padding: 0px 25px;
    font-weight: normal;
    text-transform: none;
}
#top_menu .group-list .group-list{
    position: absolute;
    top:auto;
    margin-top: -31px;
    width:200px;
    left:100%;
}
#top_menu .group-list.left-menu{
    left: auto;
    right: 100%;
    width: auto;
    text-wrap: nowrap;
}
#top_menu .group-list.left-drop-menu{
    right: 0;
}
#top_menu .group:hover>.group-list{
    display: inline-block;
}

@media screen and (min-width: 1150px){
    #leftmenu,#menuBtn,.no-display-pc{
        display: none
    }
}
@media screen and (max-width: 1149px){
    #top_menu{
        display: none;
    }
    .no-display-pc{
        display: inline-block;
    }
}

.-table-grid{
    display: grid;
    grid-template-areas: "header" "footer";
    grid-template-rows: auto 80px;
    height: 100vh;
}
.-header{
    grid-area: header;
    padding-bottom: 20px;
}
.-footer{
    display: flex;
    grid-area: footer;
    justify-content: center;
    align-items: center;
    border-top: solid 1px #dcdcdc;
    padding: 0 20px;
    text-align: center;
}
.-footer,
.-footer *{
    color: #000;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front{
    padding: 0 15px;
    border: solid 1px black;
    overflow-y: auto;
    max-height: 300px;
}
.ui-autocomplete-category{
    font-weight: bold;
}
.ui-menu-item-wrapper{
    padding-left: 20px !important;
}

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front>*{
    margin: 2px;
}

.triple-dots-menu {
    display: inline-block;
    float: right;
}
.triple-dots-menu>.single-visibled-activator {
    padding: 3px 6px 2px;
    font-size: 18px;
    color: #828282;
}
/*.triple-dots-menu select {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    line-height: inherit;
}*/
details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r) {
    position: relative;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>:not(summary),
.dropdown-menu-style {
    position: absolute;
    border: 1px solid #E4E4E4;
    background-color: #ffffff;
    padding: 10px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
    line-height: 100%;
    font-style: normal;
    box-sizing: border-box;
    z-index: 200000000;
}

details.dropdown-menu-by-details-r>:not(summary) {
    right: 0;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>summary {
    display: block;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>:not(summary) {
    display: grid;
    grid-template-columns: max-content;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>:not(summary)>* {
    font-size: 16px;
    line-height: 20px;
    padding: 5px 10px;
    min-width: 222px;
    max-width: 300px;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>:not(summary)>:not(:first-child) {
    border-top: var(--figma-border-gray);
}

.dropdown-menu-style :is(a,.other-a) {
    border: 1px solid #fff;
    border-radius: 2px;
    color: #666;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 12px 5px;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}

details:is(.dropdown-menu-by-details,.dropdown-menu-by-details-r)>:not(summary)>:hover,
.dropdown-menu-style :is(a,.other-a):hover {
    background-color: #f2f2f2;
    border-color: #efefef;
}

.dropup-r-menu-style-ext {
    top: auto;
    right: 0;
    bottom: calc(100% + 10px);
}

:not(#remark-chat-remark)>.remark-parent .show-in-remark-chat {
    display: none;
}
#remark-chat-remark>.remark-parent .hide-in-remark-chat {
    display: none;
}
.remark-chat-footer {
    grid-template-columns: auto min-content;
    grid-template-rows: auto;
    align-items: flex-end;
    display: grid;
    width: 100%;
    /*position: absolute;
    bottom: 0;*/
    grid-gap: 10px;
    box-sizing: border-box;
}
.remark-chat-footer>textarea {
    min-height: 4em;
    max-height: 12em;
    resize: none;
}
.remark-chat-client {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: min-content min-content auto min-content;
    height: 100%;
}
.my-remark-message {
    margin-left: 40px;
    margin-right: 10px;
    background: #7EBE7E33;
}
.not-my-remark-message {
    margin-left: 10px;
    margin-right: 40px;
    background: white;
}
.message-item-new {
    padding: 5px 10px;
    margin-top: 0;
    margin-bottom: 10px;
}
.message-item-new .message-text {
    padding: 5px 10px;
}
#remark-chat-messages {
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
}
#remark-chat-messages:before {
    content:'';
    padding: 0 10px 0 0;
}
.participants-div-s>div {
    margin-left: 30px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
}
.form-wrap-new {
    border:1px solid #ECECEC;
    display: inline-block;
    /*background-color: #F7F7F7;*/
    box-sizing: content-box;
}
.docs-category-row{
    display: grid;
    grid-template-columns: min-content min-content auto min-content min-content;
    grid-template-rows: auto;
    align-items: center;
    width: 100%;
}
.docs-category-row>*:last-child{
    align-self: flex-start;
}
.vert-tabs-left {
    width: 200px;
}
.vert-tabs-left .item{
    display: block;
    padding: 7px 10px;
    background: #F8F8F8;
    border: solid 1px #E7E7E7;
    cursor: pointer;
    color: var(--figma-color-text-color);
    text-decoration: none;
}
.vert-tabs-left .item.active, .vert-tabs-left .item:hover{
    background: #BABABA;
}
.right-tab-content-scrollable {
    display: inline-block;
    overflow-y: scroll;
    width: 100%;
}
.right-tabs-contents {
    display: inline-block;
    width: 1030px;
    max-height: 100%;
}
.create-author-by[data-text]:after {
    content: attr(data-text);
}
.create-author-by {
    padding: 5px;
    color: var(--figma-color-red-main);
    font-family: 'Arial';
    font-style: normal;
    font-weight: 700;
}
#doc-name-tb {
    overflow-wrap: break-word;
    word-break: break-word;
}

#category-name-tb tr>td {
    overflow-wrap: break-word;
    word-break: break-word;
    padding-top: 6px
}

.incorrect-category>td {
    background-color: #FFE8E8 !important;
}

.grey-color {
    color: var(--figma-color-Cx6);
}