*{box-sizing:border-box;font-family:'Segoe UI',Calibri,Optima,Candara,Arial}
canvas,caption,div,em,footer,form,h1,h2,h3,header,html,img,label,li,p,span,ul{background:transparent;margin:0;padding:0;outline:0;vertical-align:top}
html{overflow:hidden;width:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%}
form{height:100%}
body{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;font-size:14px;line-height:18px;margin:0;padding:0;outline:0;vertical-align:top;height:100%}
.body_pc{border:0;font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;height:100%;width:100%;color:#515151;background:#f4f6f8}
#HeadDiv{z-index:12001;position:fixed;width:100%}
.headbar{position:fixed;z-index:2;background:#FFF;width:100%;height:50px;border-bottom:1px solid #e0e0e0;z-index:12001;}
.headbar-left{float:left}
.headbar-right{float:right}
#logo {height:50px;padding:7px 0 7px 15px}
#logo svg {height:36px;width:36px}
.logo-big-in {width:200px;margin: auto auto 0px auto;}
.logo-big-in svg {width:200px;height:50px}

#menuMobile{display:none}
@keyframes logoanim{0%{transform:scale(.98)} 25%{transform:scale(1.03)} 50%{transform:scale(.98)} 100%{transform:scale(1.03)}}
@-webkit-keyframes logoanim{0%{transform:scale(.98)} 25%{transform:scale(1.03)} 50%{transform:scale(.98)} 100%{transform:scale(1.03)}}
.footer{background-color:#FFF;height:20px;width:100%;position:fixed;bottom:0;left:0;z-index:18000;border-top:1px solid #f1f1f1}
.dxcvControl, .dxcvDisabled{font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
input::-ms-clear {display: none;}
#puSelectRole .block{display:block;margin:5px 0}
#logo_pc{display:block;background:url(../../img/OPTI_logo37px.png) no-repeat;width:209px;height:37px;text-indent:-9999px;margin:3px 0 0 60px}
.body-panel, .body-panel-personal, .body-panel-map {align-content:center;margin:50px 0 0 50px;position:absolute;width:calc(100% - 50px);height:calc(100% - 50px);display:flex;flex-direction:column}
.body-panel-personal{margin:50px 0 0 0;width:100%}

.body-panel-control, .body-panel-footer{height:auto;width:100%;position:relative;z-index: 12;}
.body-panel-content{height: 100%;padding:15px;overflow: auto;flex: 1;position:relative}
.body-panel-control-separator {width:100%;padding:6px 15px;border-bottom:1px solid #e0e0e0;background:#FFF}
.body-panel-footer .body-panel-control-separator {border-bottom:0;border-top:1px solid #e0e0e0}
.body-panel-footer .body-panel-control-separator:last-child, .body-panel-control .body-panel-control-separator:last-child{border:none}
.body-panel-control {border-bottom:1px solid #e0e0e0}
.body-panel-control.no-border-bottom{border-bottom:none}
.body-panel-footer {border-top:1px solid #e0e0e0}
/*opt-notice - в дальнейшем заменить этот блок на новый и убрать этот стиль*/
.opt-notice{position:relative}
.opt-notice .svg-icon {height:26px;width:26px;fill:#ff5722;animation:blink 2s linear infinite}
.opt-notice-right{margin-top:12px}
.calendar .svg-icon {animation:none}
.svg-icon-data {fill:#ff5722}

.svg-icon {fill:#ff5722}
.svg-icon-grey {fill:#8896A5;height:16px;width:16px}
.btn.selected .svg-icon-grey {fill:#ff5722}

.opt-notice div{display:none;top:45px;background-color:#000000;opacity:.85;border-radius:2px;color:#fff;left:0;padding:20px;position:absolute;z-index:100000;width:auto;height:auto;white-space:nowrap}
.opt-notice-right div{right:0;left:auto}
.calendar{cursor:pointer}
.calendar div{width:auto}
.calendar #day{color:#ff5722;font-size:12px;position:absolute;top:18px;left:3px;font-weight:500;cursor:pointer;display:block;width:20px;text-align:center}

#calendarLbl{position:absolute;top:14px;left:-5px;background:#515151;display:block;width:15px;height:15px;text-align:center;font-size:10px;color:#FFF;line-height:1.4;border-radius:15px;cursor:pointer}
.btn-new-event{position:absolute;top:12px;left:140px}
.opt-notice:hover div{display:block}
.opt-confirm{animation:blinkBorder 2s linear infinite}

@-webkit-keyframes blink{ 0%{ opacity:1 } 50%{ opacity:.5 } 100%{ opacity:0 } } 
@keyframes blink{ 0%{ opacity:1 } 50%{ opacity:.5 } 100%{ opacity:0 } }
@-webkit-keyframes blinkBorder{ 0%{ border-color:#ff5722 } 100%{ border-color:#FFF } } 
@keyframes blinkBorder{0%{ border-color:#ff5722 } 100%{ border-color:#FFF } }
.td{text-align:center;width:253px}
a:hover{text-decoration:none}
h1{float:left;padding:59px 0 0 0}
h2{font-size:24px;color:#1e1e1e;padding:13px 0 13px 30px;letter-spacing:-1px}
h3{font-size:24px;color:#000;line-height:1.2em;padding:0 0 8px 0;text-transform:uppercase;letter-spacing:-1px}
h4{font-size:16px;color:#959595;margin:0;font-weight:400}
h5{font-size:16px;color:#515151;margin:0;font-weight:600;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:22px}
h3 a{text-decoration:none;color:#000}
h3 a:hover{color:#f77007}

.hr{border-top:1px solid #e0e0e0;margin:12px 0;height:1px;width:100%}
.dxtcLite{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.header {font-weight:400;color:#505050;word-break:break-all}
.page-header {color:#aeb8bc;padding-top:3px}
.description, .description:visited{color:#aeb8bc}
.description.mini{font-size:10px}
.form-field .description {margin-bottom:3px}
.fix-text-row{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.tile {display:inline-block;margin:0 20px 20px 0;position:relative;background:#FFF;vertical-align:top;cursor:pointer;border-radius:8px;overflow:hidden;box-shadow:0px 0px 4px rgba(178,193,198,.15)}
.tile-row{border-bottom:1px solid #e0e0e0;padding:20px;width:100%;overflow:hidden}
.tile-row:last-child{border-bottom:none}
.tile-column {border-right:1px solid #e0e0e0;width:100%;box-sizing:content-box}
.tile-column:last-child{border-right:none}
.tile-img{max-height:100%;max-width:100%;width:100%}
.tile-img-bg {position: relative;width: 100%;height: 100%;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;background-color: #fff;overflow: hidden;}
.tile-img-bg .tile-img {display:none}
.tile-row-padding-0{padding:0}
.tile.disable{filter:blur(1px) grayscale(1);filter:blur(1px) gray;-webkit-filter:blur(1px) grayscale(1)}
.tile.selected:after {content:"";position:absolute;right:10px;top:10px;background:url(../../img/IconStatus1.png) rgba(0,0,0,.7) no-repeat center;width:32px;height:32px;padding:4px;border-radius:4px}
.tile-to-list .tile{display:block;width:100%;margin:0;border-bottom:1px solid #e0e0e0}
.tile-to-list .tile:hover{box-shadow:none;background:#f7f7f7}
.tile-to-list .tile:last-child{border-bottom:none}

.tile .btn-transp {background:rgba(256,256,256,0);border-color:rgba(256,256,256,0);}
.tile:hover .btn-transp {background:rgba(256,256,256,.5);border-color:rgba(256,256,256,.5);}
.tile .btn-transp:hover {background:rgba(256,256,256,1);border-color:rgba(256,256,256,1);}

.tile-block .tile {display:block;width:100%;margin:0 0 20px 0;cursor:default}

.dxdvItem .tile {margin:0}


.list-block-500 {height:auto;max-height:500px;width:100%;overflow:auto}
.list-block-300 {height:auto;max-height:300px;width:100%;overflow:auto}
.list-block-border{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}

.list {display:block;width:100%;position:relative;background:#FFF;border-bottom:1px solid #e0e0e0;cursor:pointer}
.list:last-child {border-bottom:0}
.list:first-child{border-radius:8px 8px 0 0}
.list:last-child{border-radius:0 0 8px 8px}

.list-cell {width:100%;padding:10px}

.list-cell-0 {width:auto;display:inherit;height:56px} /*используется для блока кнопок, когда кол-во кнопок не известно, но высота кнопки 36px (картинка у кнопки 16px)*/
.list-cell-16 {width:16px;min-width:16px}
.list-cell-30 {width:30px;min-width:30px}
.list-cell-50 {width:50px;min-width:50px}
.list-cell-60 {width:60px;min-width:60px}
.list-cell-65 {width:65px;min-width:65px}
.list-cell-70 {width:70px;min-width:70px}
.list-cell-80 {width:80px;min-width:80px}
.list-cell-90 {width:90px;min-width:90px}
.list-cell-100 {width:100px;min-width:100px}
.list-cell-110 {width:110px;min-width:110px}
.list-cell-120 {width:120px;min-width:120px}
.list-cell-125 {width:125px;min-width:125px}
.list-cell-140 {width:140px;min-width:140px}
.list-cell-150 {width:150px;min-width:150px}
.list-cell-160 {width:160px;min-width:160px}
.list-cell-165 {width:165px;min-width:165px}
.list-cell-180 {width:180px;min-width:180px}
.list-cell-220 {width:220px;min-width:220px}
.list-cell-280 {width:280px;min-width:280px}
.list-cell-360 {width:360px;min-width:360px}
.f-project .list-cell-360 {padding:13px;text-align:right}
.list-cell-330 {width:330px;min-width:330px}
    .list-cell .archive-list-item {display: flex;margin-left: auto;color: #ff5722;align-items: center;}

.list-empty{height:40px}

.div-table{display:table;width:100%;table-layout:fixed;border:1px solid #e0e0e0;border-collapse: collapse}
.div-table-header{display:table-header-group;font-weight:600;border-bottom:1px solid #e0e0e0} 
.div-table-row{display:table-row;border-bottom:1px solid #e0e0e0} 
.div-table-row:last-child{border-bottom:none}
.div-table-row:nth-child(2n){background:#f9f9f9}
.div-table-cell{display:table-cell;padding:4px 5px;vertical-align:middle;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.div-table-cell.center{text-align:center}
.div-table-cell.pointer{cursor:pointer}
.div-table-cell.pointer:hover{color:#ff5722}
.div-table-cell.ws{white-space:normal}
.div-table-cell.curdef{cursor:default}
.div-table-cell.id{ width: 50px;}
.div-table.lite {border:none}
.div-table.lite .div-table-row:nth-child(2n){background:none}
.div-table.lite .div-table-row{border:none}
.div-table.lite .div-table-row:hover {background:#f9f9f9}
.div-table.lite .div-table-cell {padding:5px 3px}
/*
.list:hover .list-cell-btns .svg-icon-grey, .designer .field:hover .svg-icon-grey {fill:#ff5722}*/
.list:hover .header {color:#ff5722}

.popup-body.edit, .popup-body.edit .list {background:#f4f6f8}
.popup-body.edit .list.edit{background:#FFF}

.tile:hover h5, .list:hover h5 {color:#ff5722}
.tile-row .archive.description, .list-cell .archive.description{position:relative}
.tile-row .archive:after, .list-cell .archive:after{content:"Проект в архиве";position:absolute;top:0;right:0;color:#ff5722;white-space:nowrap;overflow:hidden}

.project-logo-small {height:45px;max-height:45px;}
.project-logo-big {visibility:hidden;opacity:0;position:absolute;top:10px;left:10px;max-height:100%;padding:10px;background-color:#FFF}
.project-logo:hover .project-logo-big {visibility:visible;opacity:1;transition-delay:1.5s}
.project-logo-list {max-height:43px;max-width:100%}

.column {width:100%;height:100%;overflow:auto;margin-right:20px}
.column:last-child{margin-right:0}
.column-40 {width:40px;min-width:40px}
.column-240 {width:240px;min-width:240px}
.column-300 {width:300px;min-width:300px}
.column-350 {width:350px;min-width:350px}
.column-400 {width:400px;min-width:400px}
.column-500 {width:500px;min-width:500px}
.column-half {width:50%}
.column-row {background:#FFF;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0px 0px 4px rgba(178, 193, 198, 0.15)}
.column-row-full{min-height:100%}
.column-row-h500{max-height:550px;overflow:auto}
.column-row-sep{border-top:1px solid #e0e0e0;padding:12px 20px;box-sizing:border-box;width:100%}
    .column-row-sep #userMail {word-break: break-all;}
.column-row-header{padding:0 0 15px;font-size:16px;font-weight:600;border-bottom:1px solid #f5f5f5;position:relative}
.column-row-footer{padding:10px 0 0;border-top:1px solid #f5f5f5}
.flex-fix .column {overflow:hidden}
.column-row-short {background:#FFF;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0px 0px 4px rgba(178, 193, 198, 0.15);height:auto;}
.column-row:last-child, .column-row-short:last-child{margin-bottom:0}

.column.flex-col {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;height: 100%;overflow: hidden}
.column.flex-col > .column-row {height:100%;overflow:auto;flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1 1 300px;}
.column-row.clear {background:none;padding:0}

.btn-in-column{position:absolute;top:50%;transform:translate(-50%,-50%);left:50%}

/*.column-row-short.filters .input-text {min-height:30px;height:30px}
.column-row-short.filters .btn {height:30px}
.column-row-short.filters svg.btn-img {margin:4px}*/



.column-row.closed .column-row-detail {transition:all .2s ease-in;max-height:0;overflow:hidden}
.column-row.opened .column-row-detail {transition:all .2s ease-in;max-height:1000px;overflow:initial;height:auto}
.column-row.closed .column-row-header, .column-row.opened .column-row-header {cursor:pointer}
.column-row.closed .column-row-header:after, .column-row.opened .column-row-header:after {content: url(../../img/IconButtonsDown.png);position: absolute;top: 50%; transform:translateY(-50%); right: 10px;width: 16px;height: 16px;}
.column-row.opened .column-row-header:after {content:url(../../img/IconButtonsUp.png)}


.column-row-2 .tile, .tile-group .tile {width:calc(50% - 10px)}
.column-row-2 .tile:nth-child(2n), .tile-group .tile:nth-child(2n) {margin:0}
.column-row-2 .div-table-cell {white-space:normal;padding:4px 10px}
.column-row-2 .column-row-header {padding-left:20px;padding-bottom:5px;border:none}
.column-row-2 .description {width:100%;margin-bottom:10px;padding-left:20px}
.column-row-2 .cell-header {color:#515151;font-weight:600}

/*удалить*/
.dblock-row{padding:10px 15px;cursor:pointer;position:relative;border-bottom:1px solid #ebebeb;background:#FFF}
.dblock-row:hover{background:#f5f5f5}

.dblock-row:last-child{border:none}
.dblock-row-content-btns {text-align:right}
.dblock-row-content{width:100%}
.dblock-row-content-date{display:block;color:#aaaaaa}
.dblock-row-content-header{display:block;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.dblock-row:hover .dblock-row-content-header{color:#ff5722}
.dblock-row-content-desc{display:block;color:#959595;padding-right:10px}
/*конец удалить*/


.block-separator, .block-separator-first, .block-separator-30, .block-separator-20, .block-separator-15 {margin:0 0 0 -15px;width:100%;padding:12px 15px;border-top:1px solid #e0e0e0;background:#FFF;box-sizing: content-box;}
.block-separator-30 {margin:0 0 0 -30px;padding:12px 30px}
.block-separator-20 {margin:0 0 0 -20px;padding:12px 20px}
.block-separator-15 {margin:0 0 0 -15px;padding:12px 15px}
.block-separator-first {border-top:none;padding-top:0}
.block-separator-noTopPadding{padding-top:0}

.withSearch-btn{position:relative;cursor:pointer}
.withSearch-btn::before{content:"";position:absolute;width:16px;height:16px;top:50%;left:calc(100% - 20px);background:url(../../img/IconLens.png) center center no-repeat;transform:translateY(-50%)}
.withSearch-block{width:100%;position:relative}
.search-block {position:relative}
.column-row.withSearch .withSearch-block {padding-bottom:8px;margin-bottom:15px}


.absolute-t10-r10{position:absolute!important;right:10px;top:10px;}
.absolute-t10-l10{position:absolute!important;left:10px;top:10px;}
.absolute-t50-r10{position:absolute!important;right:10px;top:50px;}
.absolute-b20-c{position:absolute!important;bottom:20px;left:50%;transform:translateX(-50%)}
.absolute-b20-r20{position:absolute!important;right:20px;bottom:20px;}

.pSearchPan{width:1110px;margin:10px auto 0;padding-right:20px}
.help{cursor:help}
/*Controls*/
.dxpcModalBackLite, .dxdpModalBackLite{background:#515151;filter:alpha(opacity=10);opacity:.1}
.dxpcLite > .dxpc-mainDiv{padding:30px!important;border:none;border-radius:2px 2px;background-color:#FFF;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2);min-width:180px}
.dxpc-shadow{border:none;box-shadow:0px 4px 16px 0px rgba(0,0,0,0.2)}
.dxeDropDownWindow{border:none}
.dxpc-contentWrapper{min-height:150px}
/*.dxpc-content .dxpnlControl,*/ .dxpc-mainDiv .dxpc-contentWrapper{margin-bottom:45px}
.ProjectSelect div.dxpc-contentWrapper,.ProjectSelect div.dxpnlControl{margin-bottom:0}
.dxpcDropDown div.dxpc-contentWrapper,.dxpcDropDown div.dxpnlControl{margin-bottom:0}
.dxlbd{min-height:200px}
.dxpc-footer{min-width:150px;background-color:#FFF!important}
.dxbDisabled{background:#cfcfcf!important;border:1px solid #cfcfcf!important}
.dxbDisabled.StatusFilter {background:-webkit-linear-gradient(0deg, rgba(236, 239, 241, 1), rgb(255, 255, 255))!important;
    background: -moz-linear-gradient(0deg, rgba(236, 239, 241, 1), rgb(255, 255, 255))!important;
    background: linear-gradient(0deg, rgba(236, 239, 241, 1), rgb(255, 255, 255))!important;border:none!important}
.dxbButton{color:#515151;text-align:left;line-height:normal;cursor:pointer;height:24px;background:#FFF;border:1px solid #FFF;border-radius:4px;text-decoration:none;position:relative}
.dxbButton:hover{outline:0 none;background:#f2f2f2}
.dxbButton:active{text-decoration:none;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);outline:0 none;background:#f2f2f2}
.opt_button{color:#fff;text-align:center;background:#ff5722;border:1px solid #ff5722;border-radius:4px}
.opt_button:hover{background:#f27233;outline:0 none;border:1px solid #ff5722}
.opt_button:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2)}
.opt_button_i{color:#515151;border:1px solid #FFF;border-radius:2px 2px}
.opt_button_i:hover{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2}
.opt_button_i:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
.opt_button_i_c.close-reveal-modal{top:auto;right:auto;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:400;font-style:normal;color:#515151;text-align:center;line-height:normal;cursor:pointer;height:24px;background:#FFF;border:1px solid #FFF;border-radius:4px;text-decoration:none}
.opt_button_i_c.close-reveal-modal:hover{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2;color:#515151}
.opt_button_i_c.close-reveal-modal:active{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2;color:#515151}
.opt_button_i_c{top:auto;right:auto;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:400;font-style:normal;color:#515151;text-align:center;line-height:normal;cursor:pointer;height:24px;background:#FFF;border:1px solid #FFF;border-radius:4px;text-decoration:none}
.opt_button_i_c:hover{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2}
.opt_button_i_c:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
.opt_button_i_c_a{top:auto;right:auto;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:400;font-style:normal;color:#515151;text-align:center;line-height:normal;cursor:pointer;height:20px;background:#FFF;border:none;text-decoration:none}
.opt_button_i_c_a:hover, .opt_button_i_c_a:active{color:#ff5722;outline:0 none}
.opt_button_t{color:#fff;font-size:14px!important;text-align:center;background:#ff5722;border:1px solid #ff5722;padding:3px 0}
.opt_button_t:hover{background:#f4511e;outline:0 none;border:1px solid #ff5722}
.opt_button_t:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2)}
.opt_button_t_i_c{font-size:14px!important;top:auto;right:auto;color:#515151;text-align:center;background:#FFF;border:1px solid #FFF;padding:3px 0}
.opt_button_t_i_c:hover{background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2}
.opt_button_t_i_c:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
.bg-green{background:#4caf50;border:1px solid #4caf50}
.bg-green:hover{background:#43a047}
.bg-none {background:#FFF;color:#505050;border-color:#FFF}
.bg-none:hover {background:#FFF;color:#ff5722;border-color:#FFF}
.opt_button_l{top:auto;right:auto;text-align:center;line-height:normal;cursor:pointer;height:24px;background:#FFF;border:1px solid #FFF;border-radius:0 0;text-decoration:none}
.opt_button_l:hover{background:#f2f2f2;outline:0 none}
.opt_button_l:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2);background-color:#f2f2f2}
.dxbButton span{position:relative}
.dxbButton span:before{content:"";position:absolute;width:100%;height:1px;bottom:-1px;left:0;background-color:#ff5722;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
.dxbButton:hover span:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.opt_button_t:hover span:before{visibility:hidden;display:none}
.dxeCalendar{font:12px 'Segoe UI',Calibri,Optima,Candara,Arial}
.dxeCalendarHeader{background-color:#ededed}
.opt_button_calendar{font:10px 'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:normal;font-style:normal;color:#fff;text-align:center;line-height:normal;cursor:pointer;height:16px;background:#ff5722;background-color:#ff5722;border:1px solid #ff5722;border-radius:0}
.opt_button_calendar:hover{background:#ff5722;outline:0 none;border:1px solid #ff5722;outline:0 none}
.opt_button_calendar:active{background:#ff5722;outline:0 none;border:1px solid #ff5722;text-align:center;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2)}
.opt_button_photo{height:36px}
.opt_button_photo span{display:block!Important;word-break:normal;white-space:pre-wrap;margin-top:2px;line-height:1.2;float:left;margin-right:10px;margin-left:8px}
.opt_button_photo img{float:left;margin-top:10px;margin-left:10px}
.opt_button_photo:hover, .opt_button_photo:active{color:#515151;background:#f2f2f2;outline:0 none}
a.opt_button_link{text-align:center;color:#FFF;cursor:pointer;height:25px;background:#ff5722;background-color:#ff5722;border:1px solid #ff5722;border-radius:2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;text-decoration:none}
a.opt_button_link:hover{color:#FFF;outline:0 none;background:#ff5722;outline:0 none;border:1px solid #ff5722}
a.opt_button_link:active{color:#FFF;text-decoration:none;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);outline:0 none;text-align:center;background:#ff5722;outline:0 none;border:1px solid #ff5722}
a.opt_button_link span{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:normal;font-style:normal;color:#fff;text-align:center;line-height:1.9;vertical-align:baseline}
a.opt_button_link_i{color:#515151;cursor:pointer;height:25px;background:#FFF;background-color:#FFF;border:1px solid #FFF;border-radius:2px 2px;text-decoration:none;text-align:left}
a.opt_button_link_i:hover{color:#515151;outline:0 none;background:#f2f2f2;border:1px solid #f2f2f2}
a.opt_button_link_i:active{color:#515151;text-decoration:none;outline:0 none;text-align:left;background:#f2f2f2;border:1px solid #f2f2f2;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2)}
a.opt_button_link_i span{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:normal;font-style:normal;color:#515151;text-align:left;line-height:1.7;vertical-align:baseline}
a.opt_button_link_i img{margin-left:8px;margin-top:4px;vertical-align:top}
a.opt_button_link_i_c{color:#515151;cursor:pointer;height:25px;background:#FFF;background-color:#FFF;border:1px solid #FFF;border-radius:2px 2px;text-decoration:none;text-align:center}
a.opt_button_link_i_c:hover{color:#515151;outline:0 none;background:#f2f2f2;border:1px solid #f2f2f2}
a.opt_button_link_i_c:active{color:#515151;text-decoration:none;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);text-align:center;background:#f2f2f2;border:1px solid #f2f2f2}
a.opt_button_link_i_c span{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:normal;font-style:normal;color:#515151;text-align:left;line-height:1.7;vertical-align:baseline}
a.opt_button_link_i_c img{vertical-align:middle}
a.opt_button_link_i_c_tests{padding:1px;margin:3px;color:#515151;cursor:pointer;height:20px;background:#FFF;background-color:#FFF;text-decoration:none;text-align:center}
a.opt_button_link_i_c_tests:hover{color:#515151;outline:0 none;background:#f2f2f2}
a.opt_button_link_i_c_tests:active{color:#515151;outline:0 none;background:#f2f2f2;box-shadow:inset 0 0 1px rgba(0,0,0,.2), inset 0 1px 3px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2)}
a.opt_button_link_i_c_tests img{vertical-align:middle}
.btn-group .dxbButton {border:1px solid #d1d1d1;text-align:center;margin:0 5px 0 0}
.dxbButtonChecked, .btn-group .dxbButtonChecked{background-color:#FFF;color:#515151;border:1px solid #ff5722;outline:none;margin:0 5px 0 0;text-align:center}
.dxbButtonChecked:hover, .btn-group .dxbButtonChecked:hover{background-color:#f2f2f2;color:#515151;border:1px solid #ff5722}
.dxbButton div.dxbf{border:none;margin-left:1px}
.opt_text_link, .opt_text_link:visited{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:400;font-style:normal;font-size:12px;color:#515151}
.opt_button_menu{text-align:center;line-height:normal;cursor:pointer;background:transparent;background-color:transparent;border:0;border-radius:5px 5px;text-decoration:none;font-size:33px;width:46px;align-content:center;vertical-align:central}
.opt_button_menu:hover{border-color:rgba(82,168,236,0.8);box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(85,177,216,0.6);height:48px}
.opt_text_field{font-weight:400;font-style:normal;font-size:14px;color:#515151;text-align:left;line-height:normal;border:1px solid #55b1d8;border-radius:2px 2px;height:24px;padding-left:4px}
.opt_text_field:hover,.opt_text_field:focus,.opt_text_field:active{border:1px solid #aaaaaa;outline:0 none}
.opt_text_field_margin{font-weight:400;font-style:normal;font-size:14px;color:#515151;text-align:left;line-height:normal;border:1px solid #55b1d8;border-radius:2px 2px;height:24px;padding-left:4px;margin-top:3px}
.opt_text_field_margin:hover,.opt_text_field_margin:focus,.opt_text_field_margin:active{border:1px solid #aaaaaa;outline:0 none}
.opt_text{font-weight:400;font-style:normal;font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;line-height:normal;height:24px}
.opt_text_small_wellcom{font-weight:400;font-style:normal;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;text-decoration:none;font-size:14px}
.opt_text_small_wellcomArchive{color:#9e9e9e;text-align:left;text-decoration:none;margin-left:10px;cursor:pointer;min-width:120px}
.opt_text_H1{font-weight:400;font-style:normal;font-size:18px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;line-height:normal;height:24px}
.opt_text_H2{font-weight:400;font-style:normal;font-size:16px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;line-height:normal;height:24px}
.opt_text_error{font-weight:400;font-style:normal;font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial;color:#f02828;text-align:center;line-height:normal;height:24px}
.each_other{display:inline}
.opt_dropdown{position:relative;background:transparent;border:1px solid #55b1d8;border-radius:5px 5px;font-weight:normal;padding-left:4px;height:24px}
.opt_dropdown_proj{position:relative;margin:0 auto;background:transparent;border:1px solid #d8d8d8;border-radius:2px 2px;font-weight:normal;padding-left:4px;height:40px}
.opt_dropdown_button{width:0;height:0;position:absolute;right:14px;top:15%;border:0 solid #55b1d8;color:transparent}
.opt_dropdown_button_proj{width:5px!important;height:5px!important;position:absolute!important;border:0 solid #d8d8d8!important;color:transparent;right:25px!important;top:13px!important}
.opt_dropdown_button2{width:0;height:0;right:14px;top:15%;border:0 solid #55b1d8;color:transparent}
.opt_listbox_proj{color:#515151;font-size:14px!important}
.opt_DataViewTable table{border-collapse:separate !important}

.opt_GridItemsLink{height:100%;width:100%;display:block;text-decoration:none;color:inherit;margin-left:5px;font-size:13px;border-right:1px solid #d1d1d1}
.opt_GridItemsLink_C{height:100%;width:100%;display:block;text-decoration:none;color:inherit;margin-left:5px;font-size:13px;border-right:1px solid #d1d1d1;text-align:center}
.opt_GridItemsLink_N{height:100%;width:100%;display:block;text-decoration:none;text-align:right;color:inherit;margin-left:-5px;font-size:13px}
.opt_GridRow{height:100%;width:100%;text-decoration:none;color:#515151;margin-left:5px;font-size:14px}
.opt_GridRow td{padding:3px 3px 3px;line-height:1.2}
.opt_GridRow:hover a{color:#ff5722;font-weight:400}
.opt_GridHeader{color:#515151;font-size:14px;border:none;font-weight:800 }
.opt_header_prj{border:1px solid #d1d1d1;border-bottom:none;background-color:white;text-align:center;height:30px}
.opt_label_status{float:right;margin-right:30px}
.opt_check_box_switch{width:51px;height:18px;color:#515151}
.opt_grid_header{border:1px solid #d1d1d1;border-bottom:none;background-color:white;text-align:center}
.opt_grid_header2{border:1px solid #d1d1d1;background-color:white;text-align:center}
.opt_grid_header2 table{height:100%;width:100%}
.opt_advsett{border-radius:2px 2px;padding:6px 10px 6px 32px;border:1px solid #fff}
.opt_advsett:hover{color:#515151;background:#f2f2f2;outline:0 none;border:1px solid #f2f2f2}
.opt_advsett:active{box-shadow:inset 0 0 1px rgba(0,0,0,.2),inset 0 1px 3px rgba(0,0,0,.2),0 1px rgba(255,255,255,.2);border:1px solid #f2f2f2;background-color:#f2f2f2}
/*Reset styles*/

a{background:transparent;margin:0;padding:0;outline:0}
a{color:#515151;text-decoration:none}
a:hover:not([disabled]), a.active{color:#ff5722;text-decoration:none}
a:disabled{cursor: default;}
a:visited{color:#515151;text-decoration:none}
a:visited:hover{color:#ff5722;text-decoration:none}
center{background:transparent;font-size:100%;margin:0;padding:0;outline:0;vertical-align:top}
ol,ul{list-style:none}
embed{vertical-align:top}
/*Reveal Modals*/	
.reveal-modal-bg{position:fixed;height:100%;width:100%;background:#000;background:rgba(0,0,0,0);z-index:100;display:none;top:0;left:0}
.reveal-modal{width:450px;left:calc(50% - 225px);top:120px}
.reveal-modal{font-size:22px;line-height:1.1;position:absolute;color:#aaa;font-weight:700;visibility:hidden;background:#fefefe;z-index:201;padding:30px;border:1px solid rgba(0, 0, 0, 0.333);border-radius:2px;box-shadow:0 4px 16px rgba(0, 0, 0, 0.2)}
.close-reveal-modal{font-size:22px;line-height:.5;position:absolute;top:8px;right:11px;color:#bfbfbf;font-weight:700;cursor:pointer}
.close-reveal-modal:hover{color:#ff5722}
.dxpclW{border-radius:2px}
.dxpcLite .dxpc-closeBtn{position:absolute;top:8px;right:11px}
.dxbButtonSys.dxbTSys{display:inline}
/*Дополнительные настройки для контролов DX*/
.dxpLite{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;float:right}
.dxpLite .dxp-current{background:#b4b4b4;margin-top:0;color:#FFF;border-radius:50%;min-width:15px;align-content:center;text-align:center;padding:3px}
.dxpLite .dxp-num{font:12px 'Segoe UI',Calibri,Optima,Candara,Arial;text-decoration:none;padding:3px 4px 3px}
.dxpLite a.dxp-num{color:#515151}
.dxpLite .dxp-summary{margin-right:40px;font-size:11px;font-style:italic}
.dxgv__hfb .dx-vam img{cursor:pointer}
.dxpcLite, .dxdpLite{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxgvTable .dxeTextBox,.dxgvTable .dxeButtonEdit {padding-left: 0;border-radius:0}
.dxgvTable .dxgvHeader{border:none;border-bottom: 1px solid #e0e0e0;background-color:#f5f5f5;text-align:center}
.dxgvTable .number_column .dxeEditArea {text-align:right!important}
.dxeButtonEditSys td.dxic{height:100%}
.dxgvTable .dxeButtonEditSys, .dxgvTable .dxeTextBoxSys {border-collapse:collapse}
.dxgvTable .dxeButtonEditSys td.dxic, .dxgvTable .dxeTextBoxSys td.dxic{padding:0}
.dxgvTable .dxeEditAreaSys, .dxgvTable input[type="text"].dxeEditAreaSys {padding:0;height:18px}
.dxgvTable .dxeButtonEditButton {padding:0}
.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {border:none;border-bottom: 1px solid #dcdcdc;border-right: 1px solid #f5f5f5}
.dxgvTable td {box-sizing:unset}
/*.row-status4 {background-color:rgba(103,58,185,.1) !important;}
.row-status8 {background-color:rgba(243,67,52,.1) !important;}*/

.dxgvHeader table{color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:600}
.dxgvHeader table img{margin-left:2px}
.dxgvControl, .dxgvDisabled{color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}
.dxgvFilterRow td.dxgv{background-color:white;border-color:#d1d1d1;border-top:none;border-width:1px}
.dxeTextBox, .dxeButtonEdit{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;line-height:normal;border:1px solid #d1d1d1;border-radius:4px;height:18px;padding-left:4px}
.dxeTextBox:hover, .dxeButtonEdit:hover{border:1px solid #aaaaaa}
.dxeTextBox:active, .dxeButtonEdit:active{border:1px solid #aaaaaa}
.dxeTextBox:focus, .dxeButtonEdit:focus{border:1px solid #ff5722}
.period-dd{position:relative;margin:0;border:none;padding-left:4px;height:24px;width:100%}
.period-dd td.dxic {border-bottom:1px dashed #d1d1d1}
.period-dd:hover,.period-dd.dxeFocused{border:none}
.period-dd input[type="text"].dxeEditAreaSys{cursor:pointer}
.period-dd-button{display:none}
.period-row .dxeRoot {width:calc(100% - 73px)}
.dxgvDataRow td.dxgv{padding:3px 4px}
.dxgvDataRow:hover{background:rgba(3,169,245,.1)}
.dxeFocused {border:1px solid #aaaaaa}
.dxgvControl td.dxgvBatchEditCell {border-bottom:1px solid #ff5722}
.dxgvControl td > div > table.dxeTextBox, .dxgvControl td > div > table.dxeButtonEdit, .dxgvControl td > div > table.dxeFocused, .dxgvControl td > div > table.dxeTextBox:hover, .dxgvControl td > div > table.dxeButtonEdit:hover {border:none}
td.dxgv a img:hover{box-shadow:0 1px #ff5722}
a.dxbButton, a.dxbButton:visited, a.dxbButton:hover{color:#515151;text-decoration:none}
.dxbButton{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial}
.dxeHyperlink, .dxeBase, .dxdvControl{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
*[class^="dxeBase"] label{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial}
.a.dxbButton{text-decoration:none}
.dxpLite .dxp-button.dxp-bi{padding-top:4px}
/*Меню верхнее*/
.ca-menu{padding:0;margin:auto;background-color:#505050}
.ca-menu li{width:40px;height:40px;overflow:hidden;position:relative;float:left;background-color:#505050}
.ca-menu li:hover{background-color:#ff5722;z-index:999}
.ca-menu #ctl00_active{background-color:#ff5722}
.ca-menu-butt{height:42px;width:100%!important;padding:0 9px}
.ca-menu-butt .btn-txt {padding:4px 12px}
.opt_menu_active{background-color:#ff5722;border-radius:2px 2px;width:20px}
.dxm-content{align-content:center;width:18px}
/*Меню проекта*/
.menu-prj{position:fixed;top:50px;left:0;background-color:#FFF;height:100%;width:50px;border-right:1px solid #e0e0e0;z-index:12000;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
.menu-prj-lnk{width:50px;height:44px;overflow:hidden;position:relative}
.menu-prj-svg {width:28px;height:28px;margin-left:11px;margin-top:8px}
.menu-prj-svg-data{fill:#505050;color:#505050}
.menu-prj-header{margin:12px 0 0 10px;z-index:1;color:#FFF;white-space:nowrap;font-size:12px;width:0;overflow:hidden;height:20px;display:inline-block}
#ctl00_active .menu-prj-svg, #ctl00_active .menu-prj-svg-data{fill:#ff5722;stroke:#ff5722;color:#ff5722}
.menu-prj-lnk:hover{overflow:visible;background-color:#505050;z-index:11001;width:150px;border-bottom:none;box-shadow:0px 0px 8px 0px rgba(0,0,0,0.4);border-radius:0 4px 4px 0}
.menu-prj-lnk:hover .menu-prj-header{width:90px}
.menu-prj-lnk:hover .menu-prj-svg, .menu-prj-lnk:hover .menu-prj-svg-data{fill:#f2f2f2!important;stroke:#f2f2f2!important;color:#f2f2f2!important}


/*Переключатель отображения проектов в ЛК*/
.db-menu{padding:0}
.db-menu li a{align-content:center;padding-left:4px;padding-top:4px;width:24px;height:24px;border-radius:2px}
.db-menu li a.selected{background-color:#ff5722}
.db-menu li{width:24px;height:24px;overflow:hidden;position:relative;float:left;margin-right:5px;margin-top:2px;border-radius:2px}
.db-icon{font-size:16px;color:#333;line-height:5px;position:absolute;width:100%;height:16px;left:0px;top:0px;text-align:center;margin-top:2px}
.db-menu li:hover{background-color:#ff5722;z-index:999;border-radius:2px}
.db-menu #ctl00_active{background-color:#bababa}
.link-to-project{border-bottom:1px solid #e0e0e0;height:20px;white-space:nowrap;cursor:pointer}
.link-to-project:hover{border-bottom:1px solid #ff5722}
.link-to-project:hover .opt_text_small_wellcom {color:#ff5722}
.projects-list{display:inline-block;cursor:pointer;padding:0 5px;height:20px;white-space:nowrap}
.projects-list .svg-icon, .projects-list .svg-icon-data{fill:#9e9e9e;width:10px;height:10px;margin:5px 0 0 5px}
.projects-list:hover .svg-icon, .projects-list:hover .svg-icon-data{fill:#ff5722;}

@-webkit-keyframes transarrow{ 0%{ transform:translateY(0) } 25%{ transform:translateY(30px) } 50%{ transform:translateY(50px) } 75%{ transform:translateY(30px) } 100%{ transform:translateY(0)}} 
.menu-user{position:relative;display:inline-block;cursor:pointer}
.menu-user:hover .menu-user-fio {color:#ff5722}
.menu-user-header {padding:10px 0;background:#515151}
.menu-user-fio{display:inline-block;vertical-align:middle}
.menu-user-img-small{height:49px;display:inline-block;vertical-align:middle}
.menu-user-img-big{position:relative;width:100%}
.menu-user:hover .menu-user-content{display:block}
.menu-user-login{color:#FFF;width:100%;text-align:center;display:block;font-weight:600;font-size:16px}
.menu-user-login.desc {color:#aeb8bc;font-size:14px;font-weight:normal}
.menu-user-btns{padding:0;background-color:#FFF}
.menu-user-btns-btn{width:auto;overflow:hidden;position:relative;border-bottom:1px solid #d1d1d1;cursor:pointer}
.menu-user-btns-link-img{display:inline-block;vertical-align:middle;height:30px}
.menu-user-btns-text{margin-left:15px;color:#515151;font-size:14px;vertical-align:middle;line-height:2;transition:all .2s linear}
.menu-user-btns-btn:hover {background:#f2f2f2}
.menu-user-btns-btn:last-child{border:none}
.menu-user-btns-btn .btn {height:51px;border-radius:0;width:100%!important;padding:0 16px}
.menu-user-btns-btn .btn .btn-content {padding:4px 0}
.menu-user-btns-btn .btn .btn-content .btn-txt {padding:0 0 0 15px}
.menu-user-btns-link{display:block;width:100%;height:100%;padding:10px 20px}
.opt-info-label{color:#515151;width:auto;text-align:left;margin-top:8px}
.opt-info-label-head{color:#515151;width:auto;text-align:left;font-size:16px;margin-bottom:10px}
.opt-info-support{margin:15px 0 0;width:340px;border-bottom:1px solid #d1d1d1;padding:15px 0}
.opt-info-blog{padding:15px 0;border-bottom:1px solid #d1d1d1;margin-bottom:15px}
.opt-info-blog #blog2{width:45px;height:45px}
.opt-uCalendar{position:relative}
.opt-uCalendar-c{background-color:#fff;width:100%;height:100%;z-index:11000}
.opt-uCalendar-patch{position:absolute;width:1060px;right:0;top:0;height:100vh}
.opt-uCalendar-info{position:relative}
.opt-uCalendar-info-c{position:fixed;background-color:#fff;width:calc(100% - 1060px);box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);left:5px;top:100px;z-index:11000;border-radius:2px 2px;padding:10px;height:auto;overflow:auto}
.opt-uCalendar-info-close{position:absolute;top:65px;left:5px;height:26px;width:26px;z-index:11000;background:#505050 url('../../img/IconClose2.png') center center no-repeat;border-radius:100%;cursor:pointer;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2)}
.opt-uCalendar-info-close:hover{background:#ff5722 url('../../img/IconClose2.png') center center no-repeat;animation:menuClose .4s}
.opt-uGantt{position:fixed;background-color:#fff;width:90vw;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);right:5px;top:45px;z-index:11000;border-radius:2px 2px;padding:10px;height:calc(100vh - 90px)}
.opt-uGantt-close{position:absolute;top:45px;left:15%;height:26px;width:26px;z-index:11000;background:#505050 url('../../img/IconClose2.png') center center no-repeat;border-radius:100%;cursor:pointer;box-shadow:0px 1px 6px 0px rgba(0,0,0,0.2)}
.c-e-active{box-shadow:0px 0px 10px 1px rgba(0,0,0,0.6)}
tr.c-e-active{border:1px solid #ff5722;box-shadow:none}
.i-info{width:100%;margin:0 0 3px;border-bottom:1px solid #d1d1d1;line-height:1.6}
.i-info-с{display:inline-block;width:50%;line-height:1.6}
/*.ca-icon-new{font-size:20px;width:100%;height:25px;text-align:center;vertical-align:middle}*/
/*.ca-menu-butt.dxbButton{color:#333;height:24px;background:none;margin-top:3px;margin-left:10px}*/
/*.ca-menu-butt.dxbButton div.dxb{padding:0}
.ca-menu-butt.dxbButton span.dx-vam{color:#515151;margin-left:12px;margin-top:2px;font-size:14px}
.ca-menu-butt.dxbButton span.dx-vam:before{display:none}*/
.menu-user-btns .m-active{background-color:#ff5722;border-bottom:1px solid #eae5df}
.menu-user-setting{position:fixed;top:354px;right:215px;width:160px;z-index:20500;height:45px;background:#505050;box-shadow:0px 8px 16px 0px rgba(0,0,0,.2);border-radius:2px 2px}
.menu-user-setting-dropdown{border:none}
.menu-user-setting-dropdown:hover{border:none}
.menu-user-setting-dropdown input[type="text"].dxeEditAreaSys{color:#515151;text-align:center}
.menu-user-setting-dropdown-button{top:50%}
.menu-user .svg-icon{fill:#9e9e9e;width:10px;height:10px;margin:0 2px 0;vertical-align:middle;display:inline-block}
.menu-user:hover .svg-icon{fill:#ff5722;}
/*Кол-во строк в таблице*/
.dxp-pageSizeItem{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}

.dxmLite, .dxmLite * {box-sizing:content-box}
.dxpLite .dxp-comboBox{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;border:1px solid #d1d1d1;border-radius:1px 1px}
.dxpLite .dxp-comboBox:hover{border-color:#aaaaaa}
.dxpLite .dxp-dropDownButton{border:none;color:#ff5722;background:transparent}
.dxpLite .dxp-dropDownButton img{margin-top:2px}
.dxmLite .dxm-popup{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;border:1px solid #d1d1d1;border-radius:1px 1px;width:100%;padding:0}
.dxmLite .dxm-hovered{border:none}
.dxmLite .dxm-item{align-content:center;padding-left:2px;margin-top:0;border-width:0}
.dxmLite .dxm-popup .dxm-selected{background-color:#ff5722;color:white}
.popup-btns{position:absolute;bottom:30px;right:30px}
/*Чекбокс проекты в архиве*/
.switch{width:50px;height:20px;position:relative}
.switch span input{bottom:0;cursor:pointer;height:100%;opacity:0;position:absolute;right:0;top:0;width:100%;z-index:100;margin:0}
.switch .labelUnChecked{display:block;width:50px;height:16px;position:relative;background:#e8e8e8;border-radius:30px;top:2px;left:3px;box-shadow:0 1px 1px 1px rgba(0,0,0,.1) inset;transition:background-color .2s linear}
.switch .labelUnChecked i{transition:left .2s linear 0s;display:block;height:18px;width:18px;position:absolute;border-radius:inherit;left:0;top:-1px;z-index:2;background:#ebecee;background:linear-gradient(#ebecee, #f7f7f5);box-shadow:0 0 1px 1px rgba(0,0,0,.2)}
.switch .labelUnChecked i:before{content:" ";position:absolute;right:-26px;margin-top:-3px;color:#FFF;font-style:normal;font-weight:bold;font-size:10px;text-transform:uppercase}
.switch .labelChecked{display:block;width:50px;height:16px;position:relative;background:#8bd136;border-radius:30px;top:2px;left:3px;box-shadow:0 1px 1px 1px rgba(0,0,0,.1) inset;transition:background-color .2s linear}
.switch .labelChecked i{transition:left .2s linear 0s;display:block;height:18px;width:18px;position:absolute;top:-1px;left:35px;z-index:2;border-radius:inherit;background:#ebecee;background:linear-gradient(#ebecee, #f7f7f5);box-shadow:0 0 1px 1px rgba(0,0,0,.2)}
.switch .labelChecked i:before{content:" ";position:absolute;top:0;right:24px;margin-top:-3px;color:#FFF;font-style:normal;font-weight:bold;font-size:10px;text-transform:uppercase}

.header-db-menu{display:flex}
.header-db-menu span{margin:0 2px;cursor:pointer}
.opt_window.dxflFormLayout{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;margin:auto}
.opt_window .dxflGroupBoxCaption{font-size:18px;color:#515151;font-weight:600}
.opt_window .dxflGroupBox{border-top:1px Solid #ff5722;border-bottom:none;border-left:none;border-right:none}
input[type="text"].dxeEditAreaSys{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxeNullText .dxeEditArea, .dxeNullText .dxeMemoEditArea{color:#afafaf!important}
.dxeMemoEditArea{background-color:transparent}
.opt_window H6{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;margin:10px 0}
.dxpcLite .dxpc-header{font-size:18px;color:#515151;font-weight:600;background-color:Window;border-bottom:1px solid #ff5722;border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0}
.dxnbLite .dxnb-header{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.dxnbLite .dxnb-header table{width:100%}
.dxnbLite .dxnb-content{border-radius:5px;width:350px;height:auto}
.dxnbLite .dxnb-item.dxnb-link{white-space:normal}
.dxnbLite .dxnb-headerCollapsed{border-radius:2px}
.dxnbLite .dxnb-gr{border:1px solid #d1d1d1;border-radius:2px;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;position:relative}
.dxnbLite .dxnb-gr a:hover{color:#515151}
.dxnbLite .dxnb-gr:hover{border:1px solid #aaaaaa;background:#fafafa}
.dxnbLite .dxnb-gr:hover div, .dxnbLite .dxnb-gr:hover ul{background:#fafafa!important}
.dxnbLite .dxnb-gr:hover ul li, .dxnbLite .dxnb-gr:hover ul li div{background:#fff!important}
.dxnbLite .dxnb-gr a{color:#515151;font-weight:400;font-size:14px;text-decoration:none;word-break:break-all}
.dxnbLite .dxnb-gr span{color:#515151;font-weight:400;font-size:14px;text-decoration:none}
.dxnbLite .dxnb-gr li:hover{border:1px solid Transparent;background-color:Transparent}
.dxrpControlGB:not(.dxrp-hasDefaultImages), .dxrpControlGB:not(.dxrp-hasDefaultImages) > tbody > tr.dxrpCR > .dxrpcontent, .dxrpControl:not(.dxrp-hasDefaultImages){border-radius:4px}
.dxrpControl:not(.dxrp-hasDefaultImages) .dxrpHeader{border-radius:4px}
.dxrpControl td.dxrpHeader{border-bottom:1px solid #d1d1d1;background-color:#FFF}
.dxrpControl{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;border-radius:4px;border:1px solid #d1d1d1;background-color:#FFF}
.dxrpControl > tbody > tr > .dxrpcontent{background-color:#FFF}
.dxgvCommandColumnItem{margin-left:5px;margin-right:5px}
.dxflGroupBox{border:none}
.dxflGroupCell{padding:0}
.dxflFormLayout{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
span.dxichCellSys.dxeTAR{width:100%;height:100%;padding:0;display:table-cell;vertical-align:middle}
.dxichCellSys{padding:0px 3px 4px}
.dxEditors_edtRadioButtonChecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none;display:inline-block!important}
.dxEditors_edtRadioButtonUnchecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none;display:inline-block!important}
.dxEditors_edtRadioButtonCheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none;display:inline-block!important}
.dxEditors_edtRadioButtonUncheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none;display:inline-block!important}
.dxWeb_edtCheckBoxChecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxUnchecked{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheck.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxGrayed{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonGrayed.png) center center no-repeat;cursor:pointer}
.dxWeb_edtCheckBoxCheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxUncheckedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheckDisable.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxWeb_edtCheckBoxGrayedDisabled{width:100%;height:100%;min-height:14px;min-width:14px;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonGrayedDisable.png) center center no-repeat;cursor:pointer}
.dxgvCommandColumn .dxWeb_edtCheckBoxChecked{display:inline-table;width:100%;height:100%;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonCheckGrey.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxgvCommandColumn .dxWeb_edtCheckBoxUnchecked{display:inline-table;width:100%;height:100%;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheckGrey.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxgvCommandColumn .dxWeb_edtCheckBoxGrayed{display:inline-table;width:100%;height:100%;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonGrayedGrey.png) center center no-repeat;cursor:pointer}
.opt_radio_unchecked_grayed .dxEditors_edtRadioButtonUnchecked{display:flex;width:100%;height:100%;margin:0;vertical-align:middle;background:url(../../img/IconRadioButtonUnCheckGrey.png) center center no-repeat;cursor:pointer;border:none;outline:none}
.dxflGroupBoxCaption{color:#515151;top:0;left:0;padding:0}
.dxflGroupBox > .dxflGroup{padding:0}
.dxeMemo{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;text-align:left;line-height:normal;border:1px solid #e0e0e0;border-radius:4px;height:60px;padding: 8px;}
.dxeMemo:hover{background:rgba(0,0,0,.01)}
.dxeMemo.dxeFocused{background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}

.dxgvDataRow{height:24px}
div.dxbButtonSys{vertical-align:bottom}
#ctl00_Content_PlaceFilter_tableFilter {width:100%}

.filter-panel, .filter-panel table{padding:0;border-spacing:0}
.filter-combo{min-height:30px;border:0;border-bottom:1px dashed #d1d1d1;padding:0;cursor:pointer;height:100%;position:relative}
.filter-combo:hover{border:0;border-bottom:1px dashed #aaaaaa}
.filter-combo input[type="text"].dxeEditAreaSys{cursor:pointer;width:85%;overflow:hidden;text-overflow:ellipsis;height:22px}
.filter-token{border-spacing:0!important;padding:2px!important;min-height:30px;border:0;border-bottom:1px dashed #d1d1d1}
.filter-token:hover{border:0;border-bottom:1px dashed #aaaaaa}
.filter-token input.dxeTokenBoxInput[type="text"]{min-height:22px;padding:0}
.filter-combo-dropdown{right:14px;top:10px!important;position:absolute;height:10px;display:block}
.filter-token .dxeToken{height:22px}
.filter-token .dxEditors_edtTokenBoxTokenRemoveButton{margin-top:3px}
@-moz-document url-prefix() {
    .filter-panel, .filter-panel table{border-spacing:1px }
    .filter-combo-dropdown{top:7px!important}
    .filter-token .dxeToken{height:20px}
    .filter-combo input[type="text"].dxeEditAreaSys{margin-bottom:2px}
    .fix-margin-bottom-ff-20{margin-bottom:20px}
}
.dxeToken{border:1px solid #d1d1d1;background:none;border-radius:2px 2px;font:11px 'Segoe UI',Calibri,Optima,Candara,Arial;margin:1px;padding:0}
.dxeTokenText{padding:0;font-size:14px}
.dxEditors_edtTokenBoxTokenRemoveButton{margin-top:2px}
.dxeListBox{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;border:none}
.dxeEditArea .dxeEditAreaSys .dxeTokenBoxInput{width:30%}
input.dxeTokenBoxInput[type="text"]{display:block;float:none;color:#959595;margin-left:4px}
.dxeTokenBox{padding:0}
.dxeButtonEditSys .dxeButton{height:100%;border:1px solid rgba(0,0,0,0);background:none}
.highlighted{background-color:#fbe9e7;color:#515151}
/*.dxgvSelectedRow td.dxgv{padding:3px 3px 3px}*/
.dxgvSelectedRow{background-color:rgba(3,169,245,.05);color:#515151}
.dxgvCommandColumn{background:none!important}
.dxeCaptionCell{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxeButtonEdit .dxeEditArea{background-color:transparent}

.GridCol_Date{text-align:right;max-width:70px}

.dxpnlControl.dxpnl-edge, .dxpnlControl.dxpnl-edge.dxpnl-bar{background-color:#FFF}
.dxpnlControl{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxucControl{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.dxucInputs{border:1px solid #e0e0e0;border-radius:0}
.dxucInputs tbody tr{border:none;border-spacing:0}
.dxucTextBox{border:none}
.dxucBrowseButton{font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-weight:normal;font-style:normal;color:#fff;text-align:center;line-height:normal;cursor:pointer;height:24px;background:#ff5722;border:1px solid #ff5722;border-radius:2px 2px;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;text-decoration:none}
.dxucControl .dxucBrowseButton a{color:#fff}
.dxucBrowseButton:hover{box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(241, 102, 33, 0.6);outline:0 none}
.dxucBrowseButton:active{text-decoration:none;box-shadow:inset 0 0 2px rgba(0,0,0,.2), inset 0 2px 5px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);text-align:center}
.dxucControl, .dxucEditArea, input[type="text"].dxucEditArea {font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;}
.dxucNullText .dxucEditArea {color:#515151}
.dxeProgressBar{height:30px;border:0px Solid #8bd136;background-color:#e8e8e8;color:#4f4f4f;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial}
.dxeProgressBarIndicator{background-color:#8bd136}
.dxeListBoxItemRow{cursor:pointer}
.dxeListBoxItemSelected{color:#515151;background-color:#FFF}
.dxeListBoxItemHover{color:#ff5722;background-color:#f2f2f2}
.dxnbLite .dxnb-headerCollapsed{white-space:normal}
.dxnbLite .dxnb-header{white-space:normal}
.margin_right_30{margin-right:30px}
.margin_left_30{margin-left:30px}
.dxeMemoEditAreaSys{font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151}
.opt_tbl_row{margin-top:15px;border-collapse:collapse}
.opt_tbl_row tbody tr{border-bottom:1px solid #d1d1d1;height:30px}
.opt_tbl_row tbody tr:first-child{border-top:1px solid #d1d1d1}
.opt_tbl_row tbody tr:last-child{border-bottom:none;height:30px}
.opt_tbl_row tbody tr td span[id*="txt"]{height:50px;display:table-cell!important;vertical-align:middle}
.opt_tbl_row .dxeTextBoxSys, .opt_tbl_row .dxeButtonEditSys {border:none;height:33px}
.dxinline{display:inline-table;vertical-align:middle}
.dxichSys{margin:0}
.HelpText{color:#9e9e9e;font-size:14px}
.margintop5px{margin-top:5px}
.dxdzControlVert .dxdz-pnlPlcHolder, .dxdzControlHor .dxdz-pnlPlcHolder, .dxdzControlFill .dxdz-pnlPlcHolder{border:2px solid #f1f1f1;border-radius:2px 2px;background-color:#f1f1f1}
.dxeDisabled{color:#9e9e9e!important}
iframe{min-height:315px;border:0}
#pptPlayer{height:100%}
#pptPlayerSetting{height:350px}
.MatInfo{display:block;font-size:14px;margin:5px 0 0}
.MatTestInfo{display:block;font-size:14px}
.panelMaterialView{margin:20px;width:calc(100% - 40px)}
.panelMaterialFrame{width:100%;position:relative}
.panelMaterialInfo{width:280px;height:100%;margin-left:30px;position:relative;overflow-y:auto;overflow-x:hidden;min-width:280px}
#SettBlock{position:absolute;width:50vw;max-width:460px;height:380px;top:0;left:0;z-index:12000;background:rgba(256,256,256,.3)}
.header_page_lbl{color:#aaaaaa;margin-left:10px}
.opt_tbl_answ_vert{margin:30px 0 0 0;border-collapse:collapse}
.opt_tbl_answ_vert tbody tr td{border-left:1px solid #d1d1d1}
.opt_tbl_answ_vert tbody tr td:last-child{border-right:1px solid #d1d1d1}
.opt_tbl_answ_vert_col{cursor:pointer}
.col_active{background-color:#f9f9f9}
.italic{font-style:italic}
/*удалить, проверив*/
.line-content{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;min-width:800px}

.center{margin:0 auto}
.wordwrap{table-layout:fixed;overflow-wrap:break-word;word-wrap:break-word;display:table-cell}
.wordwrap span{table-layout:fixed;overflow-wrap:break-word;word-wrap:break-word;display:table-cell}
.fl_btn{position:absolute;height:32px;bottom:10px;right:10px;background-color:#f2f2f2;border:1px solid #f2f2f2}
.fl_btn:hover{background-color:#fff}
.fl_btn div{padding:1px!important}
.del_ppt_btn{position:absolute;height:40px;top:5px;right:5px;opacity:.7}
.del_ppt_btn:hover{opacity:1}
.menu-inf-lbl{border-radius:100%;border:1px solid #c00000;background-color:#c00000;color:white;position:absolute;top:21px;left:21px;width:17px;height:17px;font-size:11px;text-align:center;line-height:1.4}
/*Переключатель с 3-я состояниям (стр. Обучение)*/
.switcher-base{height:50px;margin-top:4px}
.switcher{position:relative;display:inline-block;margin:3px 16px;height:16px;width:200px;z-index:1}
.switcher-off{left:1px;width:33%;height:100%}
.switcher-neutral{left:33%;width:33%;height:100%}
.switcher-on{right:1px;width:33%;height:100%}
.switcher-label{position:absolute;text-indent:-9999px;z-index:2;cursor:pointer}
.switcher-lbl-on{width:50px;line-height:1.5;font-size:14px;white-space:nowrap}
.switcher-lbl-neutral{font-size:14px;margin:20px 75px 0 -155px}
.switcher-lbl-off{width:33px;line-height:1.5;font-size:14px}
.switcher input{visibility:hidden;position:absolute}
.switcher-slider{height:100%;width:100%;border-radius:10px;box-shadow:0 1px 1px 1px rgba(0,0,0,.1) inset}
.switcher-slider:after{background:linear-gradient(#ebecee, #f7f7f5) repeat scroll 0 0 rgba(0,0,0,0);content:"";position:absolute;top:-1px;border-radius:100%;height:18px;width:18px;box-shadow:0 0 1px 1px rgba(0,0,0,.2);left:33%}
.switcher-radio-on:checked ~ .switcher-slider{background-color:#8bd136}
.switcher-radio-neutral:checked ~ .switcher-slider{background-color:#ffc34f}
.switcher-radio-off:checked ~ .switcher-slider{background-color:#ff5050}
.switcher-radio-on:checked ~ .switcher-slider:after{left:182px}
.switcher-radio-neutral:checked ~ .switcher-slider:after{left:91px}
.switcher-radio-off:checked ~ .switcher-slider:after{left:0px}
.progress-learn{width:calc(100% - 320px)}
.no-materials {margin:40px auto;width:200px;display:block}
/*скролл*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{border:none;background-color:#E0E0E0;cursor:pointer;border-radius:4px;transition:all .2s linear}
::-webkit-scrollbar-thumb:hover{border:none;background-color:#BDBDBD;cursor:pointer;}
::-webkit-scrollbar-track{border:none;background-color:transparent}
::-webkit-scrollbar-track:hover{border:none;background-color:transparent}
.align-center-div{margin:0 auto}
.QwestPanSave{position:fixed;bottom:0;right:0;border-top:1px solid #d8d8d8;width:calc(100% - 332px);background-color:#FFF;height:40px}
.SettPanSave-C{position:fixed;bottom:30px;left:30px;border-top:1px solid #d8d8d8;width:calc(100% - 60px);background-color:#FFF;height:40px}
.dxtcSys > .dxtc-stripContainer{margin:0}
.dxtc-tab{background-color:#f7f7f5!important;height:30px!important;border:1px solid #d1d1d1!important;position:relative}
.dxtc-activeTab{background-color:#ff5722!important;height:30px!important;border:1px solid #d1d1d1!important;padding-bottom:0!important;border-bottom-width:1px!important;border-bottom-color:#FFF!important}
.dxtcLite > .dxtc-stripContainer .dxtc-link{max-height:28px;margin-top:2px;background-color:#f7f7f5;color:#8d8d8d;padding:0 15px}
.dxtc-activeTab .dxtc-link{color:#515151!important;background-color:#FFF!important}
.dxtcLite > .dxtc-stripContainer .dxtc-link span{margin-top:4px}
.dxtcLite > .dxtc-stripContainer .dxtc-spacer{width:2px}
.dxtc-tab:before{content:"";position:absolute;width:100%;height:2px;top:0px;left:0;background-color:#ff5722;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0)}
.dxtc-tab:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)}
.dxheControl .dxheStatusBar .dxheStatusBarTab .dxtc-link{padding:5px 12px 5px 11px;margin:-2px 0}
.dxtc-stripContainer{width:100%}
.dxtcLite > .dxtc-content{padding:30px 15px 50px}
.testsMemo_sett{font-family:"Segoe UI", Calibri, Optima, Candara, Arial!important;font-size:18px!important;text-align:center!important;color:#515151!important}
.testsMemo_sett tbody tr td textarea{font-size:18px!important;text-align:center!important;line-height:1.8}
.opt_img_variant.img_active{border-color:#92ce4a}
.opt_img_variant.img_active:hover{border-color:#92ce4a}
.opt_img_variant div{position:relative;vertical-align:middle;overflow:hidden;height:102px;width:102px;text-align:center}

@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
  .opt_img_variant div{position:relative;overflow:hidden}
}
.opt_img_variant{border:1px solid #dddddd;position:relative}
.opt_img_variant:hover{border:1px solid #aaaaaa}
.opt_img_variant div img{max-width:100%;max-height:100%;margin:auto;width:100%}
.opt_img_variant div:nth-child(1){display:table-cell;border:none}
.opt_img_variant2{display:table-cell;vertical-align:middle}
.opt_img_variant2 img{max-width:100%;max-height:100%;vertical-align:middle;cursor:pointer}
.opt_img_content div{position:relative}
.opt_img_content div img{max-width:100%;max-height:100%;position:absolute;top:0;bottom:0;margin:auto;left:0}
.opt_img_variant_del{position:absolute;top:0;right:0}
.alerts{font:14px "Segoe UI", Calibri, Optima, Candara, Arial;width:400px;border:none;border-collapse:collapse}
.alerts tr{border-bottom:1px solid #d8d8d8;vertical-align:middle}
.alerts td{width:80px;text-align:center;height:28px;vertical-align:middle;border:none}
.alerts .td-info{width:400px;text-align:left}
.alerts .tr-head{font-weight:600;text-align:center}
.l_divLbl span{font-size:12px}
.l_divLbl .l_lbl{font-size:12px;width:185px;overflow:hidden;text-overflow:ellipsis;display:block}
.l_lblPrg_info{font-size:12px;display:block;width:100%;color:#aaaaaa}
.dxeProgressBar .dxePBMainCell, .dxeProgressBar td.dxe{font-size:12px}
.dxpLite .dxp-pageSizeItem{font-size:12px}
a.dxeHyperlink:hover{color:#ff5722}
.header-switch{white-space:nowrap;margin-left:20px}
.MyPalette .dxeColorTablesMainDiv{border:none}
.MyPalette .dxeColorTableCell{height:24px;width:24px}
.MyPalette .dxeColorTableCellDiv{height:24px;width:24px;margin:1px;padding:0;border:none}
.MyPalette .dxeColorTable td.dx, .dxeItemPicker td.dx{padding:2px}
.MyPalette .dxeColorIndicator{border:none}

.count-page{margin:4px 5px;font-size:14px}

@media (min-height:100px) and (max-height:800px){
    .opt-filters{display:none;position:absolute;background:#FFF;width:auto;top:0px;left:0;border:1px solid #d1d1d1;border-radius:2px;padding:20px;z-index:999}
    .opt-filters-btn{display:block;position:absolute;top:0;left:0;cursor:pointer}
    .opt-filters-btn svg{height:26px;width:26px;fill:#ff5722}
    .close-filter{position:absolute;top:2px;right:2px;cursor:pointer}
    .opt-filters .dxeCaptionCell{display:none}
}
@media (min-height:801px){
    .opt-filters{margin-left:5px;margin-right:5px;width:calc(100% - 10px)}
    .opt-filters-btn{display:none}
    .close-filter{display:none}
}
.opt-date-range{border:none;border-bottom:1px dashed #515151;width:100px}
.opt-date-range:hover{border:none;border-bottom:1px dashed #515151}
.opt-calendar{border:1px solid #e0e0e0;color:#515151;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial;z-index:15000}
.opt-calendar .dxeCalendarHeader{border:1px solid #fafafa;background-color:#fafafa;border-bottom:1px solid #e0e0e0}
.opt-calendar .dxeCalendarFooter{border:1px solid #fafafa;background-color:#fafafa;border-top:1px solid #e0e0e0}
.opt-calendar .dxeCalendarButton{background:#fafafa;border-color:#fafafa;border-radius:2px}
.opt-calendar .dxeCalendarButton:hover{background:#f2f2f2;border-color:#f2f2f2}
.opt-calendar-select-range{margin:0 5px;border-bottom:1px dashed #e0e0e0;cursor:pointer}
.opt-calendar-select-range:hover{color:#ff5722}
.PopupPlanEdit{width:calc(100vw - 60px);height:calc(100vh - 60px);position:relative}
.err:first-child{margin:0 1px 10px 0}
.err{margin:5px 1px 10px 0;border:1px solid #f44336;background-color:#ffebee;border-radius:4px;display:block;padding:5px}
.info{margin:5px 1px 10px 0;border:1px solid #4CAF50;background-color:#E8F5E9;border-radius:4px;display:block;padding:5px;white-space: nowrap}
.warn{margin:5px 1px 10px 0;border:1px solid #ffc107;background-color:#fff6da;color: #505050 !important;border-radius:4px;display:block;padding:5px;}
.info.lvl2{border:1px solid #03a9f5;background-color:rgba(3,169,245,.1)}
.info.lvl3{border:1px solid #9e9e9e;background-color:rgba(158,158,158,.1)}
.err span{color:#515151;font-size:14px;margin:10px}
.err table{margin:10px}
table.err{width:auto!important;margin:0;font:14px 'Segoe UI',Calibri,Optima,Candara,Arial}
td.err{border-collapse:collapse;border:none;margin-bottom:0;padding:0!important}
.dxvsValidationSummary td.err a.dxvsHL, .dxvsValidationSummary td.err a.dxvsHL:visited{color:#515151;font-size:14px}
.err.inline {display:inline-block;padding:3px 5px;white-space:nowrap;margin:0 5px 0 0}
.err.green {background-color:#E8F5E9;border-color:#4CAF50}
.err.yell {background-color:#FFF8E1;border-color:#FFC107}
.body-panel-control .err {padding:6px;margin:0}
.dxeErrorFrameWithoutError .dxeControlsCell, .dxeErrorFrameWithoutError.dxeControlsCell{padding:0}
.dxeErrorFrameWithoutError {border:none;}
.dxeErrorFrameWithoutError .dxeInvalid {border:1px solid #f44336}

.dxvsValidationSummary a.dxvsHL{border-bottom:1px dashed #aaaaaa}
.dxh1{background-color:#FFF!important}
.filter-img{width:auto;margin:1px 0 0 5px}
.filter-img .dxeButtonEdit{border:none;margin:0px;cursor:pointer}
.filter-img input[type="text"].dxeEditAreaSys, .headMenu-lang .dxeButtonEditSys td.dxic{display:none}
.filter-img .dxpc-contentWrapper{min-width:143px;min-height:93px;width:143px;height:93px!important}
.no-margin{margin:0!important}

.err-a{margin:3px 3px 3px 0;border:1px solid #f44336;background-color:#ffebee;padding:5px 8px;border-radius:2px;margin-bottom:10px!important;display:block;font-size:14px}
.lbl-with-tooltip{position:relative;cursor:pointer}
.lbl-with-tooltip::after{background:rgba(0, 0, 0, 0.8);border-radius:4px;box-shadow:1px 1px 10px rgba(0, 0, 0, 0.5);color:#FFF;content:attr(data-tooltip);opacity:0;padding:3px 7px;position:absolute;visibility:hidden;top:80%;right:0;z-index:9999}
.lbl-with-tooltip:hover::after{opacity:1;visibility:visible}
.dxgvFocusedCell{box-shadow:none;-webkit-box-shadow:none}
.dxucButton, .dxucButton a{color:#ff5722}
/*.prj-menu-visible{position:absolute;left:0;bottom:60px}
.prj-menu-visible svg{fill:#ff5722;width:28px;height:28px;margin-left:11px}
.prj-menu-visible svg path{fill:#505050}*/

.l_skin{display:inline-flex;width:278px;margin:0 15px 15px 0}
.l_content{position:relative;height:inherit;width:250px;border:1px solid #ebebeb;display:inline-block;vertical-align:top;background:#FFF}
.l_content:hover{box-shadow:0 0px 6px rgba(0,0,0,.2)}
.l_img{border-bottom:1px solid #ebebeb}
.l_divLbl{width:94%;margin:0 auto;border-bottom:1px solid #ebebeb;padding:8px 0}
.l_content:hover .l_divLbl{border-bottom:1px solid #ebebeb}
.l_lbl{text-transform:uppercase;font-weight:500}
.i_lbl{float:right;color:#c00000}
.l_divPrg{width:94%;margin:0 auto;padding:8px 0;height:45px}
.l_divPrgImg{position:absolute;top:200px;left:8px;width:94%;height:45px;z-index:10;background:url(../../img/Прогресс.png) top left no-repeat}
.l_lblPrg{position:absolute;top:220px;left:231px;z-index:11}
.editedBlock{width:24px;height:24px;display:inline-block;background-color:#ff5722}
.flright{float:right}
.mcount{position:absolute;top:5px;left:5px;font-size:12px;display:block;background:url(../../../Style/img/Content.png) no-repeat 0 1px;width:20px;height:20px;color:#FFF;padding:0 0 0 2px}
.l-rating{width:100%;background:#FFF;height:60px;padding:15px;}

ul.links {text-decoration: none}
.dxlpLoadingPanel, .dxlpLoadingPanelWithContent {font:12px 'Segoe UI',Calibri,Optima,Candara,Arial;color:#515151;border:none}
.tree-div {border:1px solid #d1d1d1;padding:20px 35px}
.tree-empty{white-space:nowrap}
.tree-container{padding:0;margin:0}
.tree-container li{list-style-type:none}
.tree-node{font-size:12px;line-height:2.5}
.tree-node .tree-content .tree-expand{padding-left:12px}
.tree-node .tree-container .tree-node .tree-content .tree-expand{padding-left:24px}
.tree-node .tree-container .tree-node .tree-container .tree-node .tree-content .tree-expand{padding-left:32px}
.tree-node input {width:14px;height:14px;float:left;margin:3px}
.tree-IsRoot{margin-left:0;font-size:14px;line-height:1.7;list-style-type:none}
.tree-content{height:24px;display:block;margin-bottom:1px;border-bottom:1px solid #d8d8d8;cursor:pointer;white-space:nowrap;position:relative}
.tree-content:hover{background-color:#f2f2f2}
.tree-content a{text-decoration:none;width:100%;color:#515151}
.tree-content [type="checkbox"]{margin-top:9px}
.tree-ExpandOpen .tree-expand{background:no-repeat url(/Style/img/IconButtonsDownGrey.png?v1) center}
.tree-ExpandClosed .tree-expand{background:no-repeat url(/Style/img/IconButtonsRightGrey.png) center}
.tree-ExpandLeaf .tree-expand{background-image:none;cursor:auto}
.tree-expand{height:14px;float:left;margin:6px 5px 6px 5px}
.tree-ExpandOpen .tree-container{display:block}
.tree-ExpandClosed .tree-container{display:none}
.tree-ExpandOpen .tree-expand, .tree-ExpandClosed .tree-expand{cursor:pointer}
.tree-current{display:block;background-color:#FFF;height:24px;cursor:default}
.tree-current:before{content:"";display:block;height:16px;width:16px;background:no-repeat url(/Style/img/IconStatus1.png) center;background-size:16px;position:absolute;top:4px;left:-20px}
.tree-text{padding-left:5px;width:100%;display:block}
.tree-current .tree-text{cursor:default}
.tree-ExpandNotClose{display:block}
.CountQ{padding-top:7px;margin-left:85px;white-space:pre}
.dxeRadioButtonList td.dxe, .dxeCheckBoxList td.dxe{padding:0}
.disabledcontrols{pointer-events:none;opacity: 0.4}

.line-t {display:flex;width:100%}
.line-t-c {width:50%;padding:0 20px 0 0}

.acc-container {width:100%;margin:0 auto}
.acc-btn {width:calc(100% - 20px);padding:15px 10px;cursor:pointer;background:#FFF}
.acc-content {height:0px;width:100%;margin:0 auto;overflow:hidden;background:#FFF;border-bottom:1px solid #d1d1d1}
.acc-content-inner {padding:5px 20px 25px;position:relative;width:calc(100% - 40px)}
.acc-open {height:auto!important}
.acc-selected {color:#ff5722}
.acc-content-block{width:100%;padding:10px 0}

.sett-checkbox .dxichTextCellSys,.sett-checkbox .dxichTextCellSys label {cursor:help}
.sett-checkbox::after{visibility:hidden;content:attr(data-description);position:absolute;left:520px;top:0px; background-color:#000000;opacity:.85;border-radius:2px;color:#fff;padding:20px;z-index:100000;width:350px;height:auto}
.sett-checkbox:hover::after{visibility:visible}
.sett-checkbox.opt_dropdown::after {left:224px;top:-6px}
.report-items {overflow:auto;height:100%}
.report-item-base {position:relative}
.report-item {border-bottom:1px solid #d1d1d1; margin:0 0 10px;padding:0 0 10px;border-radius:2px}

.report-item-base:last-child .report-item{border:none}
.report-item-p {color:#515151;line-height:1.5;margin-top:5px}
.report-item-p-info {color:#959595;margin-top:5px}
.report-item:hover .report-item-p{color:#ff5722}

.report-item-delbtn {position:absolute;right:15px;top:15px}
.report-item-settbtn {position:absolute;right:65px;top:15px}
.report-item-usersbtn {position:absolute;right:105px;top:15px}


.chart-footer{text-align:center;color:#AAAAAA}
.dblock{margin:0 0 20px;width:100%;border:1px solid #e0e0e0}
.dblock-content{overflow-y:auto;width:100%;position:relative;overflow-x:hidden;padding:3px 10px;margin:0 -10px}

.dblock-inline {
            cursor: move;
            width: 350px;
            min-width: 350px;
            display: inline-block;
            margin-right: 20px;
            position: relative
        }
#chartView text, #pieView text, #chartFormDynamic text {font-family:'Segoe UI',Calibri,Optima,Candara,Arial!important}
.reports-list {margin: 0 20px;width: calc(100% - 40px);height: auto;}


.dblock-header{margin:0 0 10px 15px;font-size:15px;color:#9e9e9e}
.infoLearning {position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: white;background-color: black;opacity: 0;text-align: center;font-size: 13pt;overflow:auto}
.l_content:hover .infoLearning{opacity:.9;}
.iCreator, .iDesc, .iProj{opacity: 0;-moz-transform: scale(0);-webkit-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);transform: scale(0);}
.iDesc, .iProj{width:calc(100% - 20px);text-align:left;font-size:14px;margin:0 10px}
.iCreator {margin-top:5px}
.iDesc {position:absolute;top:35px}
.iProj {position:absolute;top:50px}
.l_content:hover .iCreator,.l_content:hover .iDesc,.l_content:hover .iProj{opacity: 1;-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.iDesc{position:relative;z-index:3}
.iProj{position:relative;z-index:3}
.iProj .iToolTip, .iDesc .iToolTip{display:none;bottom:0;left:0;background-color:#000000;border-radius:2px;border:1px solid #ffffff;color:#fff;padding:10px;position:absolute;z-index:2;width:auto;height:auto;line-height:1.2;max-width:173px;max-height:200px;overflow:auto;font-size:12px}
.iProj:hover .iToolTip, .iDesc:hover .iToolTip{display:block;}
.dxcvCard, .dxcvFlowCard, .dxcvEmptyCard{height:200px;width:200px;border:1px solid #d1d1d1;border-radius:2px;background:#f2f2f2}
.cardView {margin:-10px;border:none}
.dxcvFlowCard {position:relative}
/*вероятно следующие стили можно удалить*/
.card-block{width:100%;overflow-x:hidden;overflow-y:auto;padding:15px 15px 0;height:100%}
.card {position:relative;border:1px solid #ebebeb;display:inline-block;margin:0 20px 20px 0;background:#FFF;width:220px;height:220px}
.card:last-child{margin:0 0 20px 0}
.card .dxeImage {display: block;margin: auto;height:220px;width:220px}
.card-info {position:absolute;top:0;left:0;width:100%;height:100%; background-color:rgba(0,0,0,.8);opacity:0;text-align:center}
.card:hover .card-info {opacity:1}
.card-fio{position:absolute;height:40px;width:100%;left:0;bottom:0;right:0;background-color:rgba(255,255,255,.8);text-align:center;display:table;font-size:14px}
.card-fio-big{height:60px;padding:5px 0}
.card-delBtn {position:absolute;bottom:40px;left:76.5px}
.card-delChangeGroup {position:absolute;bottom:5px;left:47px}
.card-info-p {font-size:14px;margin-top:12px;color:#FFF!important;display:block}

/*вероятно предыдущие стили можно удалить*/


.dxpcLite .dxpc-mainDiv, .dxpcLite.dxpc-mainDiv, .dxdpLite .dxpc-mainDiv, .dxdpLite.dxpc-mainDiv {border:1px solid #d1d1d1;border-radius:2px}
.panel-users-pp{height:calc(80vh - 60px);z-index:12000}
.panel-users-info {height:30px;width:100%}
.panel-users-info-half{width:50%;}
.panel-users-info-lbl {line-height:2;color:#aaaaaa;margin-left:30px}
.panel-users-imp-lbl {line-height:2;color:#ff5722;margin-left:7px}
.panel-users {height:calc(100% - 103px);border-top:1px solid #e0e0e0;}
.panel-user{height:100px;position:relative}
.panel-user .dxeImage {height:100%;min-width:100px}
.panel-user-detail{width:100%;padding:10px 15px}
.panel-users-select{overflow:hidden;border-bottom:1px solid #f5f5f5;width:100%;cursor:move;background:#FFF;position:relative;font-size:14px;margin-bottom:15px;border-radius:8px}
.panel-users-select .dxpc-contentWrapper{height:80px;min-height:80px;margin-bottom:0}
.panel-users-select .dxpc-content{height:80px;min-height:80px;padding:0}
.panel-users-select:hover{background:#fafafa}
.panel-users-select.c-st {cursor:pointer}
.panel-users-lbl{display:block}
.panel-user .panel-users-lbl{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.panel-users-zone{overflow:auto;border-left:1px solid #e0e0e0;width:50%;background:#f4f6f8;padding:15px;height:calc(-327px + 100vh)}
.panel-users-zone.no-bg{background:#FFF}
.panel-users-zone .dxpclW {max-width:100%}
.panel-users-zone .dxdz-pnlPlcHolder {max-width:calc(100% - 14px);margin:5px}
.panel-users-zone:first-child{border-left:0;}
.panel-user-info {padding:3px 10px;text-align:center;background:#FFF8E1}
.panel-user-info.error {background:#ffebee}
.panel-user-info.good {background:#E8F5E9}
.panel-user-info.other {background:#E1F5FE}

.panel-users-search {width:100%;position:relative}
.panel-users-btn-add {position:absolute;right:5px;bottom:5px;padding:3px}
.panel-users-btn-add-img{height:24px;width:24px;background:url(../../img/IconPlusBigLightGrey.png)}
.panel-users-select:hover .panel-users-btn-add-img{height:24px;width:24px;background:url(../../img/IconPlusBigOrange.png)}
.panel-user-inmap{width:350px;max-height:100%;height:auto;overflow-y:auto;position:absolute;display:none;border-radius:2px;box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px}
.panel-users-info-1{height:30px}
.panel-users-search .search {border:0;border-bottom:1px solid #e0e0e0;padding:0 30px; background: #ECEFF1}
.panel-users-search .search-clear {right:33px}
.panel-users-select .opt_button_i_c {background:transparent;border:none}
.panel-users-select.nodrag .opt_button_i_c{display:none}
#puRight .panel-users-btn-add-img{background:url(../../img/IconMinusBigLightGrey.png)}
#puRight .panel-users-select:hover .panel-users-btn-add-img{background:url(../../img/IconMinusBigOrange.png)}
.gu-mirror {position:fixed!important;margin:0!important;z-index:99999!important;opacity:.85;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);}
.gu-hide {display:none!important;}
.gu-unselectable {-webkit-user-select: none !important;-moz-user-select: none !important;-ms-user-select: none !important;user-select: none !important;}
.gu-transit {opacity: 0.4;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter: alpha(opacity=40)}
.panSearch {height:40px}
.clearSearch{margin-left:-40px;margin-top:7px;padding:5px;height:16px}

.userlearnstat-line-p {width:150px;margin-bottom:3px;border-right:1px solid #d1d1d1}
.userlearnstat-line-span {padding-left:20px}

.loading:before{content:"";position:absolute;width:100%;height:2px;bottom:0px;background-color:#4caf50;animation:loading 3s ease-out infinite }
@keyframes loading{
    0%{left:0;width:0%}
    50%{left:0;width:100%}
    100%{left:100%;width:0%}
}

#divMap{border-bottom:1px solid #e0e0e0}
.map-block-points{width:350px;min-width:350px;height:100%;overflow-y:auto;background:#FFF}
.map-block-point{display:block;overflow:hidden; padding:15px; border-bottom:solid 1px #d1d1d1;height:auto;position:relative}
.map-block-point-row1{display:flex;}
.map-block-point-row2{}
.map-block-point-anketas{margin:5px 0 0 0}
.map-block-point-anketa{height:auto;padding:5px;cursor:pointer;border-bottom:1px solid #e0e0e0;color:#818181;position:relative}
.map-block-point-anketa:hover{color:#ff5722}
.map-block-point-info{cursor:help;line-height:1.6}
.map-block-point-open + label {display:inline-block;padding: 0 0 0 0px;background:url(../../img/IconButtonsDown.png) no-repeat;height: 16px;width: 16px;margin-top:2px;cursor:pointer}
.map-block-point-open:checked + label {background:url(../../img/IconButtonsUp.png) no-repeat;height: 16px;width: 16px;display:inline-block;}
.map-block-point.isSelect{background:#f7f7f7}
.map-buttons{display:block;background:#FFF;height:30px;width:auto;margin:10px 10px 0 0;padding:5px 8px;cursor:pointer;border:none;border-radius:2px;box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;line-height:1.5;font-size:14px;font-family:'Segoe UI',Calibri,Optima,Candara,Arial}
.map-buttons .btn-img{display:unset;margin:2px 0 2px 0}
.map-buttons .btn-span{margin-left:5px;color:#515151;line-height:1.3}
.map-block-info{padding:20px}
.panel-users-btn-calendar {margin-right:5px;line-height:1.8}
.panel-users-btn-calendar-img {height: 24px;width: 24px;background: url(../../img/IconButtonsTime.png?v2)}
.wd {padding-left:20px;margin-right:15px;margin-top:5px;height:16px}
.wd:first-child{padding-left:0}
.wd-pic {width:16px;height:16px;display:inline-block;margin-right:4px}
.wd-start .wd-pic{background:url(../../img/iconStatusWorkDayStart.png) no-repeat left center;animation:workday 5s linear infinite;background-size:16px 16px}
.wd-end .wd-pic{background:url(../../img/iconStatusWorkDayEnd.png) no-repeat left center;background-size:16px 16px}
.wd-notStart .wd-pic{background:url(../../img/iconStatusWorkDayNotStart.png) no-repeat left center;background-size:16px 16px}
.wd-time{background:url(../../img/ProgressTime.png) no-repeat left center;background-size:16px 16px}
.wd-count{background:url(../../img/iconStatusCycle.png) no-repeat left center;background-size:16px 16px}
.wd-panel-users-lbl{overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
@keyframes workday{0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}}
/*КОНЕЦ - Карта - список точек и анкет*/

/*marker settings*/
.map-layer {position: absolute;top: 50px;right: 10px;display: none;}
.map-layer-list {max-height: 250px; min-width: 150px;max-width:250px;margin-bottom: 10px;border-radius:8px;background: rgba(256, 256, 256, 0.3);}
.map-layer-list p {padding: 5px 8px;background-color: #fff;min-width: 150px;max-width:250px}
.map-layer-list p + p { border-top: 1px solid #e0e0e0;}
.map-layer-list a {display:block;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.map-layer-list p .value-color {width: 18px;height: 18px;display: inline-block;border-radius: 9px;margin-right: 5px;}
.map-layer-list p:hover a {color:#ff5722;}
.map-layer-list p {opacity: 60%;}
.map-layer-list p.active {opacity: 100%;}
.map-layer-list p.header {opacity: 100%;font-weight:600;text-align:center}
.mCSB_scrollTools .mCSB_draggerRail{width: 4px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #ccc !important;}
.mCSB_scrollTools .mCSB_draggerRail { background-color: #efefef;}
.mCSB_inside > .mCSB_container { margin-right: 0;}
.mCustomScrollBox {border-radius:8px}

.btn-block-change{cursor:pointer;padding:4px;margin-right:5px;border-radius:2px}
.btn-block-change:hover{background:#f2f2f2}
.btn-work-with-img{cursor:pointer;margin:0 5px;border-radius:2px;position:relative;height:28px}
.btn-work-with-img:first-child{margin:0 5px 0 0}
.btn-work-with-img:hover{background:#f2f2f2}
.btn-work-with-img .dx-vam{height:20px;width:20px;margin:4px}
.btn-work-with-img::after{visibility:hidden;opacity:0; content:attr(data-description);position:absolute;left:0px;top:35px; background-color:#000000;border-radius:4px;color:#fff;padding:8px 10px;z-index:100000;width:auto;height:auto;text-align:left;white-space:nowrap}
.btn-work-with-img:hover::after{visibility:visible;opacity:.9}




.text-memo{border:1px solid #d1d1d1;border-radius:2px;color:#515151;outline:none;padding:5px;width:calc(100% - 10px)}
.text-memo:hover, .text-memo:active, .text-memo:focus{border:1px solid #aaaaaa}
.rex-exp-err::before{content:attr(data-regexperr); margin-bottom:10px;border:1px solid #f44336;background-color:#ffebee;border-radius:2px;display:block;padding:5px;color:#515151;font-size:14px}

iframe#pptTasks {height:100%;width: 100%;border: none;margin: 0}
iframe#pptTasks html {height:auto}

.form-field .dxeCaptionCell {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:14px;color:#818181;padding:1px}
.form-field .dxeTextBox {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:14px;padding:3px 8px;border-radius:4px;border:1px solid #e0e0e0;height:32px}
.form-field .dxeTextBox:hover{background:rgba(0,0,0,.01)}
.form-field .dxeTextBox.dxeFocused{background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.form-field .dxeNullText .dxeEditArea {color:#9e9e9e}
.form-field .dxeErrorFrameWithoutError {border:none}
.form-field .dxeErrorFrameWithoutError.dxeControlsCell {padding:0px}
.form-field .dxh1 {border:1px solid #f44336;background-color:#FFF!important}
.form-field .dxeMemoEditAreaSys.dxh1 {border:none;background-color:#FFF!important}
.form-field .dxeButtonEditSys {font-family:'Segoe UI',Calibri,Optima,Candara,Arial;font-size:14px;padding:3px 8px;border-radius:4px;border:1px solid #e0e0e0;height:32px}
.form-field .dxeButtonEditSys:hover {background:rgba(0,0,0,.01)} 
.form-field .dxeButtonEditSys.dxeFocused {background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.form-field .dxeButtonEditButton {border:none;background:none}
.dxgvTitlePanel, .dxgvTable caption {
    background-color:#FFF
}
.dxgvTitlePanel, .dxgvTable caption {font-size:inherit
}
.dxucFileList{margin:0}
.form-field{width:100%}
.form-field .dxeCaption{margin-bottom:3px;color:#818181}
.cell-header{margin-bottom:3px;color:#818181}
.body-panel-content #userMail {word-break: break-all}
.form-field .input-checkbox-lbl {margin-top: 6px}
.form-field.flex .cell-header {padding-top:6px;width:180px;min-width:180px}
.form-field.flex .dropdown-block{width:100%}
.form-field.flex .input-error + label{width:200px;min-width:200px;overflow:hidden;white-space:nowrap;padding-top:6px;padding-left:5px}
.form-field.lite .dropdown-block {border:none;padding:0;min-height:initial}
.div-table.lite .form-field.lite .dropdown-block {border:none;border-bottom:1px solid #e0e0e0;padding:5px}
.form-field-mw500 {width:100%;max-width:500px}
.conn-value-header{position:relative}
.conn-value-header-td{overflow:unset}
.conn-value-header-lbl{color:#515151;overflow:hidden;max-width:50px;min-width:40px}
.conn-value-header-tooltip{visibility:hidden;opacity:0;position:absolute;top:calc(100% + 5px);right:0;border:1px solid #515151;background:rgba(0,0,0,.9);padding:10px;z-index:10;color:#FFF;border-radius:2px}
.conn-value-header:hover .conn-value-header-tooltip {visibility:visible;opacity:1}
.conn-value-header-cb {display:block!important;margin:3px auto 2px}
.conn-row-header-td {position:relative;background:#fff!important}
.conn-row-header {}
.conn-row-header-lbl{font-weight:400}
.conn-row-header-filter{position:absolute;top:3px;right:3px;cursor:pointer}
.conn-sett-table-td {border-top:1px solid #d1d1d1}

/*лодер для картинок*/
.photo-loader{display:block;position:relative;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -40px;border-radius:50%;border:3px solid transparent;border-top-color:#2196F3;animation:photo-loader-spin 1.2s linear infinite;z-index:11000}
.photo-loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#4CAF50;animation:photo-loader-spin-reverse .6s linear infinite}
.photo-loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#FF5722;animation:photo-loader-spin 1.5s linear infinite}
@keyframes photo-loader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes photo-loader-spin-reverse{0%{transform:rotate(0deg)}100%{transform:rotate(-360deg)}}
.photo-loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#f4f6f8;z-index:11000;border-radius:8px}
.loaded .photo-loader, .loaded .photo-loader:after, .loaded .photo-loader:before{opacity:0;animation:none}
.loaded .photo-loader-wrapper{opacity:0;visibility:hidden}
.show_img_content_img .photo-loader{animation:photo-loader-spin 1.2s linear infinite}
.show_img_content_img .photo-loader:before{animation:photo-loader-spin-reverse .6s linear infinite}
.show_img_content_img .photo-loader:after{animation:photo-loader-spin 1.5s linear infinite}


.comments-info {cursor:default}
.comments-info svg, .comments-info svg path, .comments-info svg circle, .comments-info svg polygon, .comments-info svg rect {fill:#ff5722}

.a-block{margin-top:5px}
.a-list{width:calc(100% - 42px);border:1px solid #d1d1d1;padding:15px 20px}
.a-list:hover{background:#f2f2f2}
.a-list-short{display:flex;min-height:85px}
.a-list-short-1{width:100px;display:inline-block;position:relative}
.a-list-short-2{width:60%;display:inline-block;position:relative}
.a-list-short-3{width:40%;display:inline-block;position:relative}
.a-list-short-4{width:40px;display:inline-block;position:relative}
.a-list-id{color:#aaaaaa;position:absolute;bottom:0px;cursor:help}
.a-list-status{width:40px;height:40px;border:1px solid #ff5722;border-radius:100%;text-align:center;line-height:2.8;cursor:default;user-select:none}
.a-list-header{position:relative;display:flex;cursor:help}
.a-list-header-det{padding:2px 0 0 5px;}
.a-list-header-short{max-height:60px}
.a-list-header-full{padding:20px;position:fixed;background:#FFF;box-shadow: 0 2px 10px rgba(0,0,0,.15);}
.a-list-header-row{display:flex;border-bottom:1px solid #d1d1d1;padding:5px 0}
.a-list-header-l{padding-right:5px;color:#aaaaaa;width:150px}
.a-list-header-r{padding-left:5px;color:#515151;width:250px}
.a-list-header-row:last-child{border:none}
.a-list-header:hover .a-list-header-full{visibility:visible;}
.a-list-change{position:absolute;bottom:0px;color:#aaaaaa;cursor:help}
.a-list-role{height:22px;cursor:pointer;position:relative}
.a-list-role:hover{color:#ff5722}
.a-list-btn{padding:4px;cursor:pointer;border-radius:2px}
.a-list-btn:hover{background:#e0e0e0}
.a-list-btn-open{}
.a-list-btn-mess{}
.a-list-btn-disclose{position:absolute;bottom:0;right:0}
.tooltip{position:relative}
.tooltip::after{background:rgba(0, 0, 0, .9);border-radius:2px;color:#FFF;content:attr(data-description);opacity:0;padding:10px 20px;position:absolute;visibility:hidden;z-index:9999;white-space:nowrap}
.tooltip:hover::after{opacity:1;visibility:visible}
.tooltip-left.tooltip::after{right:103%;top:-50%}
.tooltip-right.tooltip::after{left:103%;top:-50%}
.tooltip-right-top.tooltip::after{left:103%;top:0}
.tooltip-wrap.tooltip::after{white-space:normal;width:300px}
.tooltip-left-bottom.tooltip::after{left:0;top:105%}
.gantt-days-right.tooltip::after{left:100%;bottom:4px}
.gantt-days-left.tooltip::after{right:100%;bottom:4px}
.jsTooltip {background:#FFF;border-radius:8px;color:#515151;padding:10px 10px;position:absolute;z-index:99999;font-size:14px;width:auto;white-space:pre-wrap;max-width:600px;word-wrap:break-word;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.15)}
.jsTooltipArrow:before {content: "";display: block;position: absolute;border-width: 7px;border-style: solid;border-color: rgba(0, 0, 0, 0);top: -14px;right: 15px;border-bottom-color:rgba(0, 0, 0, 0.9);height:1px;width:1px}
.jsTooltip.nopadding {padding:0}

.gantt{height:100%;font-size:14px;flex:1;overflow:hidden;background:#f5f5f5}
.opt-gantt{display:flex;position:relative;height:100%;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
.opt-gantt-left{width:320px;max-height:100%;overflow:hidden;}
.opt-gantt-right-block{width:calc(100% - 320px);overflow:hidden;height:100%}
.opt-gantt-right{width:100%;height:100%}
.opt-gantt-row-header, .opt-gantt-row-header-left {height:48px;width:100%;overflow:hidden;border-bottom:1px solid #e0e0e0;color:#9e9e9e}
.opt-gantt-row-header{cursor:default}
.opt-gantt-cell-header{display:block;width:100%;height:100%;text-align:center;line-height:3;}
.opt-gantt-row{display:block;position:relative;min-width:100%;z-index:2000;height:40px}
.opt-gantt-row.single{height:30px}
.opt-gantt-row:last-child{border-bottom:1px solid #e0e0e0;}
.opt-gantt-row-cell{display:inline-block;width:40px;height:40px;border-right:1px solid #e0e0e0}
.opt-gantt-row-cell.light{height:30px}
.opt-gantt-row-cell.opt-gantt-today{background:rgba(3,169,245,.1)}
.opt-gantt-row-column{display:block;width:40px;height:100%;border-right:1px solid #e0e0e0}
.opt-gantt-row-column.opt-gantt-today{background:rgba(3,169,245,.1)}
.opt-gantt-row-columns{position:absolute;top:0;left:0;z-index:1000}
.opt-gantt-bar{position:absolute;top:6px;height:28px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:2.5;cursor:pointer;opacity:.85}
.opt-gantt-bar.light {height:22px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;overflow:hidden;top:4px}
.opt-gantt-cell{border-right:1px solid #e0e0e0;cursor:pointer;height:40px}
.opt-gantt-cell:last-child{border-bottom:1px solid #e0e0e0}
.opt-gantt-cell-lbl{padding:0 0 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px}
.opt-gantt-cell-lbl.single {padding:5px 0 5px 20px;height:30px}
.opt-gantt-cell-prj{color:#9e9e9e;padding:0 0 0 15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:20px;font-style:italic}
.opt-gantt-cell-user{color:#515151;padding-left:5px;height:28px;line-height:2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#ECEFF1}
.opt-gantt-cell.single{height:30px}
.opt-gantt-row-user{height:28px;min-width:100%;background:#ECEFF1;z-index:2000;position:relative}
.opt-gantt-row-year{}
.opt-gantt-row-year-cell{display:inline-block;text-align:center;border-right:1px solid #e0e0e0}
.opt-gantt-row-month{}
.opt-gantt-row-month-cell{display:inline-block;text-align:center;height:24px;vertical-align:middle;white-space:nowrap}
.opt-gantt-row-day{}
.opt-gantt-row-day-cell{display:inline-block;width:40px;text-align:center;height:24px;vertical-align:middle}
.opt-gantt-right-rows, .opt-gantt-left-rows{overflow:auto;height:calc(100% - 48px);position:relative}
.opt-gantt-left-rows{overflow:hidden;border-right:1px solid #e0e0e0}
.opt-gantt-left-rows .opt-gantt-cell {border-right:0}
.opt-gantt-today{color:#ff5722}
.opt-gantt-weekend{border-color:#FFAB91}
.opt-gantt-weekends{color:#FFAB91}
.opt-gantt-bar-progress{background-color:rgba(0, 0, 0, 0.1);height:28px;position:absolute;top:6px;border-radius:8px;cursor:pointer}

.gantt-color-0 {background-color:rgba(224,224,224,.4);color:#e0e0e0}
.gantt-color-1 {background-color:rgba(158,158,158,.4);color:#9e9e9e}
.gantt-color-2 {background-color:rgba(3,169,245,.4);color:#9e9e9e}
.gantt-color-3 {background-color:rgba(255,194,7,.4);color:#9e9e9e}
.gantt-color-4 {background-color:rgba(103,58,185,.4);color:#9e9e9e}
.gantt-color-7 {background-color:rgba(78,174,84,.4);color:#9e9e9e}
.gantt-color-8 {background-color:rgba(243,67,52,.4);color:#9e9e9e}

.gantt-indicator{position:relative}
.gantt-indicator:before {content:"";position:absolute;left:7px;top:50%;transform:translateY(-50%);border-radius:100%;width:7px;height:7px}
.gantt-indicator.color-3:before {background-color:rgb(255,194,7);}
.gantt-indicator.color-7:before {background-color:rgb(78,174,84)}
.gantt-indicator.color-8:before {background-color:rgb(243,67,52)}

    
.row-grey{background:rgba(224,224,224,.3)}
.rotate .btn-img {transform: rotate(180deg)}

.no-data {width:100%;text-align:center;color:#9e9e9e;padding:30px}

.StatusFilter {width:36px;min-width:36px;height:34px;min-height:34px;border-radius:4px;margin:0 5px 0 0;user-select:none;position:relative;display:inline-block;box-sizing: border-box;transition:all linear .2s}
.StatusFilter {border-radius:0;border-width:0;border-bottom-style:solid;border-bottom-width:2px}
.f-project .StatusFilter {width:40px;height:36px}
.StatusFilter:last-child {margin:0}
.StatusFilter .dxb {position:absolute;top:50%;left:50%; transform:translate(-50%, -40%)}

#PrjBaseScroll .StatusFilter .dxb {font-size:12px}
#staticFilter .StatusFilter {width:34px!important;min-width:34px!important;height:34px!important}
#staticFilter .info-green, #staticFilter .info-grey {padding:5px 8px;margin-top:3px}
#FuncPanel .body-panel-control-separator {background:#f4f6f8;padding:15px}

.StatusFilter0 {border-color:rgba(224,224,224,.3);color:#e0e0e0;margin-left:5px!important}
.StatusFilter1 {border-color:rgba(158,158,158,.3);color:#9e9e9e}
.StatusFilter2 {border-color:rgba(3,169,245,.3);color:#9e9e9e}
.StatusFilter3 {border-color:rgba(255,194,7,.3);color:#9e9e9e}
.StatusFilter4 {border-color:rgba(103,58,185,.3);color:#9e9e9e}
.StatusFilter7 {border-color:rgba(78,174,84,.3);color:#9e9e9e}
.StatusFilter8 {border-color:rgba(243,67,52,.3);color:#9e9e9e;margin-right:0}
#pointInfo .dxbButtonChecked.StatusFilter0 {margin-left:0px!important}
/*
.dxbButtonChecked.StatusFilter0 {border-color:#e0e0e0;color:#515151;background-color:rgba(224,224,224,.1)}
.dxbButtonChecked.StatusFilter1 {border-color:#9e9e9e;color:#515151;background-color:rgba(158,158,158,.1)}
.dxbButtonChecked.StatusFilter2 {border-color:#03a9f5;color:#515151;background-color:rgba(3,169,245,.1)}
.dxbButtonChecked.StatusFilter3 {border-color:#ffc208;color:#515151;background-color:rgba(255,194,7,.1)}
.dxbButtonChecked.StatusFilter4 {border-color:#673ab9;color:#515151;background-color:rgba(103,58,185,.1)}
.dxbButtonChecked.StatusFilter7 {border-color:#4eae54;color:#515151;background-color:rgba(78,174,84,.1)}
.dxbButtonChecked.StatusFilter8 {border-color:#f34334;color:#515151;background-color:rgba(243,67,52,.1)}
*/
.text-st-0 {color:#e0e0e0}
.text-st-1 {color:#9e9e9e}
.text-st-2 {color:#03a9f5}
.text-st-3 {color:#ffc208}
.text-st-4 {color:#673ab9}
.text-st-7 {color:#4eae54}
.text-st-8 {color:#f34334}

.line-st {position:relative}
.line-st:after {content:"";width:3px;height:100%;position:absolute;left:0;top:0}
.line-st-0:after {background-color:#e0e0e0}
.line-st-1:after {background-color:#9e9e9e}
.line-st-2:after {background-color:#03a9f5}
.line-st-3:after {background-color:#ffc208}
.line-st-4:after {background-color:#673ab9}
.line-st-7:after {background-color:#4eae54}
.line-st-8:after {background-color:#f34334}

.StatusFilter:hover span:before{visibility:hidden}
.StatusFilter:hover {
background: -webkit-linear-gradient(0deg, rgb(242, 242, 242), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgb(242, 242, 242), rgb(255, 255, 255));
background: linear-gradient(0deg, rgb(242, 242, 242), rgb(255, 255, 255));}
.StatusFilter div.dxb {padding:0!important}
.highlight-status{position:relative}
.highlight-status:before{content:"";position:absolute;height:36px;width:36px;border:inherit;border-radius:4px;animation:highlight-status 1.5s linear infinite;top:0;left:0;background:inherit;}
@keyframes highlight-status{ 
    0%{ opacity:1; height:100%;width:100%;top:0;left:0} 
    100%{ opacity:0;height:56px;width:56px;top:-10px;left:-10px } 
}
.filter-list{position:relative;cursor:pointer;margin:0;padding:1px 0;height:24px}
.filter-list svg, .period-list svg polygon{width:10px;height:10px;margin:4px 2px 0}
.filter-list svg{margin:7px 5px 0}
.filter-list:hover svg polygon{animation:transarrow 1.5s linear infinite}

.prj-tile .StatusFilter, .prj-list .StatusFilter {width:40px!important;height:40px!important;margin:0 5px 0 0}
.prj-tile .StatusFilter div.dxb, .prj-list .StatusFilter div.dxb {padding:0!important;line-height:2.4;height:100%}
.StatusFilter:last-child{margin:0}

.dxbButtonChecked.StatusFilter0 {border-color:#e0e0e0;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(224, 224, 224, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(224, 224, 224, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(224, 224, 224, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter1 {border-color:#9e9e9e;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(158, 158, 158, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(158, 158, 158, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(158, 158, 158, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter2 {border-color:#03a9f5;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(3, 169, 245, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(3, 169, 245, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(3, 169, 245, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter3 {border-color:#ffc208;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(255, 194, 8, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(255, 194, 8, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(255, 194, 8, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter4 {border-color:#673ab9;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(103, 58, 185, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(103, 58, 185, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(103, 58, 185, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter7 {border-color:#4eae54;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(78, 174, 84, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(78, 174, 84, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(78, 174, 84, .2), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter8 {border-color:#f34334;color:#515151;transition:all linear .2s;
background: -webkit-linear-gradient(0deg, rgba(243, 67, 52, .2), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(243, 67, 52, .2), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(243, 67, 52, .2), rgb(255, 255, 255));
}

.StatusFilter.dxbButtonChecked:hover {background-color:inherit;color:#515151;border-width:0;border-bottom-style:solid;border-bottom-width:2px}
.StatusFilter.dxbButton:active {box-shadow:none}
.dxbButtonChecked.StatusFilter0:hover {border-color:#e0e0e0;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(224, 224, 224, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(224, 224, 224, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(224, 224, 224, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter1:hover {border-color:#9e9e9e;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(158, 158, 158, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(158, 158, 158, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(158, 158, 158, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter2:hover {border-color:#03a9f5;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(3, 169, 245, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(3, 169, 245, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(3, 169, 245, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter3:hover {border-color:#ffc208;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(255, 194, 8, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(255, 194, 8, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(255, 194, 8, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter4:hover {border-color:#673ab9;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(103, 58, 185, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(103, 58, 185, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(103, 58, 185, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter7:hover {border-color:#4eae54;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(78, 174, 84, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(78, 174, 84, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(78, 174, 84, .4), rgb(255, 255, 255));}
.dxbButtonChecked.StatusFilter8:hover {border-color:#f34334;color:#515151;
background: -webkit-linear-gradient(0deg, rgba(243, 67, 52, .4), rgb(255, 255, 255));
background: -moz-linear-gradient(0deg, rgba(243, 67, 52, .4), rgb(255, 255, 255));
background: linear-gradient(0deg, rgba(243, 67, 52, .4), rgb(255, 255, 255));
}

.static-filter{position:relative;width:100%;padding:0 15px 10px 10px;margin:0 -15px}
.cb-as-btn{border:none;cursor:pointer;padding:0}
.cb-as-btn:hover{border:none;background:#f2f2f2}
.cb-as-btn .dxic{display:none}
.cb-as-btn .dxeIIC img{padding:3px;height:30px;margin:2px 3px}
.cb-as-btn .dxeIIC{align-content:center;text-align:center}
.dxeListBox td.dxeI{text-align:center}



.block-separator-comp5pxBottom{padding:12px 15px 7px}
.block-separator-end{box-shadow:0 6px 6px #f5f5f5;z-index:2;position:relative}

.isShow {background:#f7f7f7}
.static-filter-caption{margin-top:5px;display:block}
.list-row{margin:3px 10px;cursor:pointer;border-bottom:1px solid #d1d1d1;padding:3px 0;width:auto;white-space:nowrap}
.list-row:hover{color:#ff5722}
.list-row:last-child{border:none}
.hideColumn{color:#9e9e9e}

.block-horizontal{height:350px;width:33.33333333333%;border-right:1px solid #e0e0e0}
.block-horizontal:last-child{border-right:none}
.block-horizontal-header{padding:5px 15px;color:#AAAAAA;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0}
.block-horizontal-list{height:309px;overflow:auto;padding:5px 10px}
.block-horizontal-list-separator{border-bottom:1px solid #e0e0e0;margin:5px 0}

.search-div{width:100%;position:relative;}
.search{width:100%;height:40px;padding:5px 10px 0px;border:1px solid #FFF;outline:none}

.withSearch .search {border-bottom:1px solid #e0e0e0;padding:0 10px;height:30px}
.search:hover{border-bottom:1px solid #e0e0e0}
.search:focus{border-bottom:1px solid #ff5722}
.search-temp-text{color:#9e9e9e;border-bottom:1px solid #FFF}
.search-clear{padding:4px;position:absolute;right:7px;top:7px;border-radius:2px;height:24px;cursor:pointer}
.search-clear:hover{background:#f2f2f2}
.withSearch .search-clear {top:3px}
.form-field .search {border:1px solid #e0e0e0}
.help.search {padding:0 10px}

#panFunctional .search {padding:0px}

/*группа кнопок на странице Пользователи*/
.switch-btn{width:auto;cursor:pointer;border:1px solid #f5f5f5;display:inline-block;border-radius:4px;margin:0 5px 5px 0;padding:5px 8px;height:32px;max-height:32px}
.switch-btn.active{color:#515151}
.switch-btn.select{border:1px solid #ff5722}
.switch-btn .btn-img, .switch-btn .btn-img.only{display:inline-block;margin:-2px -4px 0 8px;height:24px}
.switch-btn:hover{color:#515151;border:1px solid #d1d1d1}
.info-green{background:#4dad54;color:#FFF;cursor:default;padding:5px;border-radius:4px;display:inline-block;line-height:20px}
.info-grey{background:#9e9e9e;color:#FFF;cursor:default;padding:5px;border-radius:4px;display:inline-block;line-height:20px}
.switch-btn-header{display:inline-block;margin-top:6px;color:#9e9e9e;margin-right:10px;width:120px}

.block-separator-header-active{display:inline-block;margin-top:3px;margin-right:10px;color:#515151;border-bottom:1px dashed #e0e0e0;cursor:pointer}
.block-separator-header-active:hover{color:#ff5722}

.pp-drop-down{height:auto;min-height:50px;max-height:300px;overflow-y:auto;overflow-x:hidden;width:200px;background:#FFF;padding:15px;z-index:25000;-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3);position:absolute;border-radius:8px}

.block-circle{display:inline-block;cursor:default;border-radius:100%;min-width:35px;width:35px;height:35px;border:1px solid #e0e0e0;background:rgba(0,0,0,.04);text-align:center;line-height:2.4;position:relative;margin:0 5px 5px 0;vertical-align:top}
.block-circle:hover:after{position:absolute;content:url(../../img/IconGrey24DeleteLight.png);background-color:rgba(256,256,256,.8);width:35px;height:29px;padding-top:6px;left:-2px;top:-2px;border-radius:100%;cursor:pointer;border:1px solid #FFF}
.block-circle-mess{margin:0;background:#FFF}
.no-after:after{visibility:hidden}


.input-text, .input-text:disabled{width:100%;max-width:100%;min-height:32px;outline:none;color:#515151;padding:3px 8px;border:1px solid #e0e0e0;border-radius:4px;min-width:80px;height:32px;background:#FFF}
.input-memo{width:100%;max-width:100%;height:92px;outline:none;color:#515151;padding:8px;border:1px solid #e0e0e0;border-radius:4px;resize:none}
div.input-text{padding:5px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.input-checkbox{display:none}
.input-checkbox-lbl:before {content: "";display: inline-block;width: 16px;height: 16px;border: 1px solid #e0e0e0;border-radius:4px;vertical-align: middle;margin: -3px 5px 0 0}
.input-checkbox:checked + .input-checkbox-lbl::before{content:"";background:url(../../img/IconCheckButtonTestCh.png?v1) center center no-repeat;background-size:14px;top:1px;right:1px;bottom:1px;left:1px}
.input-text:focus, .input-memo:focus{background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.input-text-lbl{padding:7px 4px 0px 4px;margin:0 4px;}
.input-checkbox-lbl{padding:0 8px 0 0;margin:0 8px 0 0;display:inline-block}
.input-checkbox.btn-disable + .input-checkbox-lbl::before{background-color:#f2f2f2}
.input-checkbox.btn-disable + .input-checkbox-lbl{color:#9e9e9e}
.input-checkbox:disabled + .input-checkbox-lbl::before{background-color:#f2f2f2}
.input-checkbox:disabled + .input-checkbox-lbl{color:#9e9e9e}
.input-checkbox-lbl-nowrap{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;margin:0}
.input-text-200{width:200px}
.input-text-100{width:100px}
.input-text-110{width:110px;min-width:110px}
.input-text-120{width:120px}
.input-text-50{width:50px}
input[type='number'] {-moz-appearance:textfield;text-align:right}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
.datepicker[readonly]{border-color:#e0e0e0;cursor:default}
.datepicker[readonly]:focus{background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}


.cell_id{cursor:pointer;transition:all linear .2s}
.cell_id:hover {color:#ff5722}


.input-error{border-color:#F44336!important;background:rgba(244,67,54,.05)!important}
.input-error + label:after{content:attr(data-err);color:#F44336;text-overflow:ellipsis}
.input-error .dxeCaption i {color:#F44336}

.ggl-tooltip{padding:20px;position:absolute;z-index:25000;background:#FFF;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.ggl-tooltip-header{font-weight:600;}
.ggl-tooltip-separator{border-bottom:1px solid #e0e0e0;margin:8px -20px;width:calc(100% + 40px)}
.ggl-tooltip-video{display:block;width:100%;height:120px;width:200px}
.ggl-tooltip-download{position:relative;cursor:pointer}
.ggl-tooltip-download::after{content:"";position:absolute;right:0;top:0;background-image:url(../../img/IconButtonsDownloadImage.png);background-position:center;width:16px;height:16px}

/*конец - лодер для картинок*/
.margin-left-5{margin-left:5px}
.margin-left-10{margin-left:10px}
.margin-left-15{margin-left:15px}
.margin-left-20{margin-left:20px}
.margin-left-30{margin-left:30px}
.margin-right-5{margin-right:5px}
.margin-right-10{margin-right:10px}
.margin-right-15{margin-right:15px}
.margin-top-2{margin-top:2px}
.margin-top-3{margin-top:3px}
.margin-top-5{margin-top:5px}
.margin-top-10{margin-top:10px}
.margin-top-12{margin-top:12px}
.margin-top-15{margin-top:15px}

.margin-top-20{margin-top:20px}
.margin-top-30{margin-top:20px}
.margin-bottom-20{margin-bottom:20px}
.margin-bottom-15{margin-bottom:15px}
.margin-bottom-10{margin-bottom:10px}
.margin-bottom-5{margin-bottom:5px}
.padding-2-6{padding:2px 6px}
.padding-0 {padding:0}
.margin-left-auto{margin-left: auto;}
.margin-right-auto{margin-right: auto;}
.no-margin{margin: 0 !important;}


.NoData{display:table;height:100%;width:100%}
.NoDataDetail{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;font-size:16px}

.beta{color:#4eae54;float:left}

.content-row{padding:10px;cursor:pointer;white-space:nowrap;background:#FFF;border:1px solid #e0e0e0;position:relative;margin-bottom:5px;display:table;width:100%;table-layout:fixed;transition:all linear .2s;}
.content-row-lite{border:0;border-top:1px solid #e0e0e0;margin:0;cursor:default}
.content-row-lite2{border:0;border-top:1px solid #e0e0e0;margin:0;cursor:default;padding:5px 0}
.content-row:last-child{border-bottom:1px solid #e0e0e0}
/*следующие стили проверить и удалить*/
.content-row-block{display:table-cell;vertical-align:middle;overflow:hidden;padding:0 5px}
.content-row-block-140{width:140px}
.content-row-block-165{width:165px}
.content-row-block-50{width:50px}
.content-row-block-6{width:6px}
.content-row-block-btns{text-align:right}
.content-row-block-btns img {filter:grayscale(1);}
.content-row:hover:hover img{filter:unset}
.content-row-block-btn {display:inline-block;padding:5px;margin:0 2px;border-radius:2px;height:18px;cursor:pointer}
.content-row-block-btn.del {padding:6px}
.content-row-block-btn-icon{width:18px;height:18px;fill:#9e9e9e}
.content-row-block-btn.del .content-row-block-btn-icon{width:17px;height:17px}
.content-row-block-btn:first-child {margin:0 2px 0 0}
.content-row-block-btn:last-child {margin:0 0 0 2px}
.content-row-block-btn:hover{background:#f2f2f2}
.content-row-header{color:#515151;position:relative}
.content-row-comment{color:#9e9e9e;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.content-row:hover {box-shadow:0 0 10px 3px rgba(0,0,0,.05);z-index:2}
.content-row:hover .content-row-header{color:#ff5722}
.content-row:hover .content-row-block-btn-icon{fill:#ff5722}
.content-row-lite:hover{box-shadow:none;background:#f2f2f2}
.content-row-lite2:hover{box-shadow:none;background:#f2f2f2}

.file-upload-zone{width:100%;height:70px;border:1px dashed #e0e0e0;border-radius:4px;background:rgba(0,0,0,.01);display:table;user-select:none}
.file-upload-zone-lbl{display:table-cell;vertical-align:middle;text-align:center;height:100%;width:100%;cursor:pointer;padding:5px}
.file-upload-zone:hover{background:rgba(0,0,0,.02);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.file-upload-zone-btn{display:none}
.file-upload-zone-detected{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(256,256,256,.8);z-index:2}
.ff-for-file-upload-zone{width:250px}
.form-file-upload .file-upload-zone {height:70px;border:1px dashed #ff5722;background:#FFF}
.form-file-upload .file-upload-zone-lbl{padding:5px 20px}
.form-file-upload{width:450px;margin:15px auto 0;}

.rowSelect{position:relative;overflow:unset}
.rowSelect:before {content:"";position:absolute;left:0;top:0;width:3px;height:100%;border-radius:10px 0 0 10px;background:#4eae54}

.file-loader{height:20px;width:100%;border-bottom:1px solid #d1d1d1}
.file-loader-progress{height:100%;background:#4eae54}

.file-preview{margin:10px 10px 0 0;padding:5px;display:inline-block;border-radius:4px}
.file-preview-img{height:60px;width:50px;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;display:inline-block;position:relative}
.file-preview-text{padding-left:5px;margin-left:5px;border-left:1px solid #ebebeb;width:155px;display:inline-block;height:60px}
.mess-content .file-preview-text{width:130px}
.file-preview-name{cursor:default;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-preview-date{color:#9e9e9e;cursor:default;font-size:12px;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.file-preview-btn{color:#aaaaaa;cursor:pointer;margin-right:10px}
.file-preview-btn:last-child{margin-right:0}
.file-preview-btn:hover{color:#ff5722}
.file-preview:hover {background:#f7f7f7}
.file-preview:hover .file-preview-name{color:#ff5722}
.file-upload-zone-list {width:430px;padding:0 10px;text-align:left;background:#f4f6f8}
.file-upload-zone-list .file-preview{padding:0}
.file-upload-zone-list .file-preview:nth-child(even){margin-right:0}
.file-upload-zone-list .file-preview:last-child{margin-bottom:10px}
.file-upload-zone-list .file-preview-img {width:60px}
.file-upload-zone-list .file-preview-name{text-align:left}
.file-upload-zone-list .file-preview-text{width:137px;padding:10px 0 10px 5px}

.group-active{border:1px solid red;}
.group-select{padding:5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ebebeb}
.group-user-select{padding:3px 5px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ebebeb}
.group-select:hover, .group-user-select:hover {color:#ff5722}
.group-select:last-child, .group-user-select:last-child {border:none}
.card-fio-group{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px;padding:0 5px}
.card-user{display:inline-block;width:420px;margin:0 20px 20px 0;background:#fff;min-width:420px;vertical-align:top}
.column-row .card-user{display:block;width:100%;margin:0;border-bottom:1px solid #e0e0e0}
.card-user-img{height:132px;width:132px;min-width:132px}
.card-user-content{width:100%;padding:10px 0;position:relative}


.card-user-mail{}
.card-user-phone{margin-left:15px}

.card-user-line{width:100%;margin:0;border-bottom:1px solid #e0e0e0}
.card-user-line:last-child{border-bottom:none}
.card-user-line-img{height:80px;width:80px;min-width:80px}
.card-user-line-content{width:100%;padding:10px 0;display:table;table-layout:fixed}
.card-user-line-cell{display:table-cell}
.card-user-line-city{color:#9e9e9e;margin-top:5px}
.card-user-line-fio, .card-user-line-city{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.timeline{width:100%;position:relative;padding:0 5px}
.timeline-bg{width:100%;table-layout:fixed;border:none;height:20px;border-collapse:collapse;}
.timeline-bg td {border-left:1px solid #e0e0e0;position:relative}
.timeline-bg td:first-child{border-left:none}
.timeline-header{width:100%;table-layout:fixed;border:none;height:20px;border-collapse:collapse;color:#d1d1d1;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
.timeline-progress{position:absolute;top:4px;height:16px;border-radius:2px;cursor:pointer}

.head-tooltip{display:inline-block;margin-left:5px;cursor:pointer;}

.ui-slider{width:100%;max-width:300px;height:14px;background:#f2f2f2;border-radius:4px;position:relative;margin:10px 0}
.ui-slider-handle{height:22px;width:22px;background:#4caf50;border-radius:50px;display:block;position:absolute;top:-4px;transform:translateX(-50%);}
.ui-slider-lbl{padding:7px 0;margin-right:20px}

.body-panel-content.with-sub-menu{padding:0;overflow:hidden}
.menu-detail{height:100%;overflow:hidden;width:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.menu-detail-fisrt, .menu-detail-second {width:235px;height:100%;overflow:auto;border-right:1px solid #e0e0e0;min-width:235px;background:#FFF;position:relative}
.menu-content{width:100%;height:100%;overflow:auto;position:relative}
.menu-content-data{background:#FFF;overflow:hidden;height:100%;display:flex;flex-direction:column}
.menu-detail-line{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:12px 15px;cursor:pointer;position:relative}
.menu-detail-line:hover{background-color:#f2f2f2}
.menu-detail-line.select{background-color:#FBE9E7}
.menu-content-data.with-sub-menu{height:100%;overflow:hidden}
.menu-content-data-info{background:rgba(3,169,245,.1);width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:12px 20px;cursor:default;text-align:center;line-height:1.6}
.menu-content-data-controls{background:#FFF;width:100%;overflow:hidden;padding:12px 20px;border-bottom:1px solid #e0e0e0}
.menu-content-data-detail{padding:20px;width:100%;flex:1;height:100%;overflow:auto;background:#f4f6f8}
.menu-content-data-detail.with-sub-menu{padding:0;overflow:hidden;min-height:100%;height:100%;max-height:100%}
.normalizate-tooltip{width:100%;white-space:normal}
.menu-detail-line.active:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#4caf50;border-radius:50px}

.line {padding:5px 8px;border-bottom:1px solid #eaebf0;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;cursor:pointer;font-size:14px}
.line:hover{color:#ff5722}

.dropdown-block{position:relative;color:#515151;display:block;padding:7px 5px;cursor:pointer;min-height:32px}
.dropdown-block:hover{color:#ff5722}
.dropdown-block-value {position:relative;width:100%;height:100%;display:block}
.dropdown-menu-item-input {height:auto;padding:0;border:0;min-height:20px;line-height:16px}
.dropdown-img{position:absolute;top:calc(50% - 4px);right:0;height:8px;width:8px}
.dropdown-menu {top:calc(100% + 5px);right:10px;min-width:180px;position:absolute;z-index: 1000;display: none;padding:20px;background-color: #ffffff;text-align:left;
                box-shadow:0 2px 20px rgba(0,0,0,.2);-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px}
.dropdown-menu.up {bottom:calc(100% + 5px);top:auto}
.dropdown-menu.right {right:0;left:auto}
.dropdown-menu.min-width-auto{min-width:100%}

.dropdown-menu-item {display:block;margin:5px 0;color:#515151;text-decoration:none;width:100%;cursor:pointer}
.dropdown-menu-item:hover{color:#ff5722}
.dropdown-menu-item.selected{font-weight:600}
.dropdown-menu-item:first-child{margin-top:0}
.dropdown-menu-item:last-child{margin-bottom:0}
.dropdown-menu-open .dropdown-menu {display:block}
.dropdown-block:not(.dropdown-menu-open) .dropdown-menu {
    display: none;
}
.dropdown-list{left:0;padding:0;max-height:250px;overflow:auto;width:max-content;position:relative;}
.dropdown-list.fixed {height:100%;max-height:100%;width:100%}
.dropdown-list:before, .dropdown-list:after{display:none}
.dropdown-list .dropdown-menu-item{padding:8px 10px;border-bottom:1px solid #eaebf0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;margin:0;cursor:pointer;font-size:14px}
.dropdown-list .dropdown-menu-item:last-child{border-bottom:none}
.dropdown-list.right{ right: 0; left: initial;}
.dropdown-list.bottom{ bottom: calc(100% + 5px); top: initial;}
.dropdown-menu-item-selected{padding-right:15px;color:#515151;font:inherit;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;display: block;height:20px;line-height:20px}
.dropdown-block.dropdown-menu-open .dropdown-menu-item-selected{color:#ff5722}
.dropdown-block.dropdown-menu-open .input-text:focus {color:#ff5722;background:none;box-shadow:none}
.dropdown-menu-item-selected:hover{color:#ff5722}
.form-field .dropdown-block{border:1px solid #e0e0e0;border-radius:4px;padding:6px 8px 4px}
.form-field .dropdown-block.dropdown-menu-open{background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.form-field.lite .dropdown-block.dropdown-menu-open{background:inherit;box-shadow:inherit}
.menu-content-data-info .dropdown-block{padding:0 5px;display:inline-block}
.dropdown-block.top .dropdown-menu {bottom:calc(100% + 5px);top:auto}
.dropdown-block.left .dropdown-menu {right:0;left:auto}
.dropdown-menu.dropdown-list {position:absolute}
.dropdown-menu.dynamic-filter{min-width:200px;width:200px;
        width:intrinsic;           /* Safari/WebKit uses a non-standard name */
        width:-moz-fit-content;    /* Firefox/Gecko */
        width:-webkit-max-content; /* Chrome */
        width:fit-content;
        max-height:260px;overflow:auto;max-width:100%}
.dropdown-menu-item.disabled, .dropdown-menu-item.disabled:hover {color: #aeb8bc !important; cursor: auto;}

.form-field-without-border .input-text {border:none;padding:3px 8px 3px 0}

.body-panel-map {margin:0;width:100%;height:100%;margin:0;background:rgb(245, 245, 245)}
/*.body-panel-map .body-panel-control {border-bottom:1px solid #e0e0e0}*/
/*.body-panel-map .body-panel-footer {border-top:1px solid #e0e0e0}*/
.body-panel-map .bl-separator {width:100%}
.body-panel-map .menu-detail-fisrt {min-width:450px;width:25%}
.body-panel-map .block-separator-pp {margin:0;padding:10px}
.body-panel-map .block-separator-pp:first-child {border-top:none}
.body-panel-map .card-user{width:100%;margin:0 0 10px 0;box-shadow:0 2px 4px rgba(0,0,0,0.2);border:none;background:#fff;position:relative;cursor:pointer}
.body-panel-map .card-user-content{width:calc(100% - 362px);margin:0;padding:5px 10px}
.body-panel-map .card-user-content .card-user-fio, .body-panel-map .card-user-content .HelpText {width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.body-panel-map .card-user-img{height:124px;width:124px;min-width:124px}
.menu-detail-fisrt.wd-user-selected {box-shadow:none}
.menu-detail-fisrt.wd-user-selected .block-separator-pp{overflow:hidden;position:relative}
.menu-detail-fisrt.wd-user-selected .block-separator-pp:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#FFF}
/*.help-desc .menu-detail-fisrt {width:350px;min-width:350px;}*/

.wd-user-select{position:relative}
.wd-user-select:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;border-radius:10px 0 0 10px;background:#4eae54;z-index:12000}
.wd-user-select{position: relative}
.wd-user-error:before{content: "";position:absolute;left:-3px;top:0;width:3px;height:100%;border-radius:10px 0 0 10px;background:#FE0000}
.wd-menu-first{width:50%;min-width:50%;z-index:2;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);position:relative;transition:all linear .2s}
.wd-menu-second{width:0;min-width:0;border-width:0;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);z-index:1;position:relative}
.wd-menu-second .body-panel-footer{display:none}


.wd-menu-second .card-user-phone {position:absolute;right:55px;top:14px;height:30px;width:30px;background:url(../../img/telephone.png) center center no-repeat;display:block!important}
.wd-menu-content{width:50%;min-width:50%;}
.wd-menu-second-show{width:calc(50% - 100px);min-width:calc(50% - 100px);border-width:1px;box-shadow:0 0 20px rgba(0, 0, 0, 0.3);margin-left:calc(-50% + 100px);z-index:3}
.wd-menu-second-show .body-panel-footer{display:block}
.wd-menu-hide{position:absolute;top:0;left:0;width:24px;height:56px;z-index:5;cursor:pointer;box-shadow:0px 1px 4px rgba(0, 0, 0, 0.3);background:rgba(255,255,255,.9)}
.wd-menu-hide:before{content:"";background:url('../../img/IconButtonsDown.png') center center no-repeat;width:24px;height:24px;position:absolute;top:calc(50% - 12px);left:0;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.menu-detail.short .wd-menu-first, .menu-detail.short .wd-menu-second {width:0;min-width:0;border-width:0;box-shadow:none;overflow:hidden}
.menu-detail.short .wd-menu-content {width:100%}
.menu-detail.short .wd-menu-hide:before{-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-ms-transform: rotate(270deg);-o-transform: rotate(270deg);transform: rotate(270deg)}
.menu-detail.short .wd-menu-second-show{margin-left:0}


#FormsMap .wd-menu-first{width:600px;min-width:600px;}
#FormsMap .wd-menu-second-show{width:500px;min-width:500px;margin-left:-500px}
#FormsMap .wd-menu-second .body-panel-content{background:unset}
#FormsMap .wd-menu-content{width:100%;}
#FormsMap.short .wd-menu-first, .menu-detail.short .wd-menu-second {width:0;min-width:0}

.wd-cont-time{position:absolute;top:5px;right:10px;}
.wd-cont-time .btn-check {border:1px solid #FFF}
.wd-cont-time .btn {box-shadow:rgba(0, 0, 0, 0.3) 0px 1px 4px -1px}
.wd-btn-status{border-radius:100%;cursor:pointer;background-color:darkgrey;}
.wd-user{width:100%;cursor:pointer;background:#FFF;position:relative;margin-bottom:8px;height:110px;box-shadow:0 2px 4px rgba(0,0,0,0.2)}
       
.wd-cont-users{position:absolute;top:5px;left:5px;height:100%;width:462px;}
.wd-cont-user{height:70px;}
.wd-cont-user .dxeImage{height: 100%;}
.wd-cont-user-detail{width:238px;padding:10px}
.wd-timeline{width:100%;height:20px;border-top:1px solid #e0e0e0;position:relative;}
.wd-timeline-detail{width:100%;height:20px;position:relative;border:none}
.wd-timeline-detail .timeline-bg{height:20px;background:rgb(245, 245, 245)}
.wd-timeline-detail .timeline-bg td:after, .wd-timeline-detail .timeline-bg td:before{content:attr(data-time);position:absolute;top:100%;font-size:10px;transform:translateX(-50%);left:-1px;color:#E0E0E0}
.wd-timeline-detail .timeline-bg td:before{top:-100%}
.wd-timeline-detail .timeline-bg td:first-child:after, .wd-timeline-detail .timeline-bg td:first-child:before{display:none}
.wd-timeline-harf {height:100%;position:absolute;top:0px;opacity:0.4}
.wd-tlharf-blue {background-color:#03a9f5;}
.wd-tlharf-green {background-color:#4eae54;}
.wd-tlharf-yellow {background-color:#ffc208;z-index:2;opacity:.8}
.wd-tlharf-red {background-color:#f34334;}
.wd-tlharf-gray {background-color:#9e9e9e;}
.wd-goback-btn{position:absolute;top:10px;right:14px;width:30px;height:30px;background:url(../../img/IconGrey24DeleteLight.png) center center no-repeat;cursor:pointer}
.wd-goback-btn:hover{background-color:#f2f2f2}
.wd-tel-btn {position:absolute!important;top:5px;right:50px}
.wd-video-preview{height:100%;width:100%;position:relative}
.wd-video-preview .plyr {width:100%;height:100%;min-height:100%;min-width:100%}
.wd-video-preview .plyr__video-wrapper {height:100%}
.wd-video-preview .plyr__poster {background:#FFF}
.wd-video-preview .plyr audio, .wd-video-preview .plyr video {height:100%;background:#FFF}

.wd-u-card {height:170px;margin-right:0;width:100%;display:block;overflow:hidden}
.wd-u-card-info {padding:15px 10px}
.wd-u-card .tile-column {border:0}
.wd-u-card-img {height:150px;width:150px;min-width:150px}
.wd-u-card > .flex {height:150px}
#FormsMap .tile {margin-right:0;width:100%;display:block}

.wd-timeline-start, .wd-timeline-end, 
.wd-timeline-user-start, .wd-timeline-user-end,
.wd-timeline-break-start, .wd-timeline-break-end
{position:absolute;top:calc(100% + 4px);background:#03a9f5;padding:2px 5px;border-radius:0 2px 2px 2px;z-index:5;color:#FFF;opacity:0;z-index:1;cursor:default;z-index:3}
.wd-timeline-end, .wd-timeline-user-end{transform:translateX(-100%);background:#03a9f5;border-radius:2px 0 2px 2px;}
.wd-timeline-start:before, .wd-timeline-end:before, 
.wd-timeline-user-start:before, .wd-timeline-user-end:before,
.wd-timeline-break-start:before, .wd-timeline-break-end:before
{content:"";height:100%;position:absolute;top:-100%;width:1px;}
.wd-timeline-start:before {background:#03a9f5;left:0}
.wd-timeline-end:before {background:#03a9f5;right:0}
.wd-timeline-user-start:before, .wd-timeline-user-end:before{top:100%}
.wd-timeline-user-start:before {background:#4eae54;left:0}
.wd-timeline-user-end:before {background:#f34334;right:0}
.wd-timeline-user-start {top:-28px;background:#4eae54}
.wd-timeline-user-end {top:-28px;background:#f34334}
.wd-timeline-break-start {background:#ffc208;transform:translateX(-100%)}
.wd-timeline-break-end {background:#ffc208}
.wd-timeline-break-start:before {background:#ffc208;right:0}
.wd-timeline-break-end:before {background:#ffc208;left:0}
.wd-timeline-user-start:hover, .wd-timeline-user-end:hover {z-index:4;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin-top:-5px}
.wd-timeline-break-start:hover, .wd-timeline-break-end:hover {z-index:4;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin-top:5px}


.card-user:hover .wd-timeline-start, .card-user:hover .wd-timeline-end, 
.card-user:hover .wd-timeline-user-start, .card-user:hover .wd-timeline-user-end,
.card-user:hover .wd-timeline-break-start, .card-user:hover .wd-timeline-break-end
{opacity:1}

.wd-timeline-detail .wd-timeline-start, .wd-timeline-detail .wd-timeline-end, 
.wd-timeline-detail .wd-timeline-user-start, .wd-timeline-detail .wd-timeline-user-end,
.wd-timeline-detail .wd-timeline-break-start, .wd-timeline-detail .wd-timeline-break-end 
{opacity:1}

.wd-timeline-detail-block{background:#FFF;padding:40px 0 0;height:100px} 
.wd-video{max-width:50%;padding:0 5px 0 0}
.wd-video:last-child{padding:0 0 0 5px}
.wd-video:first-child{padding:0 5px 0 0}
.wd-video-ctrl{display:block;width:100%;height:160px}
.wd-detail-info{border-bottom:1px solid #e0e0e0;padding:10px 0}
.wd-detail-info:last-child{border-bottom:none}
.wd-timeinfo-detail{border-bottom:1px solid #e0e0e0;padding:10px 0}

.checkbox-list > div + div {margin-top: 4px;border-top: 1px solid #e0e0e0}
.checkbox-list .checkbox-list-item {padding: 5px 0}
.panel-settings-block.projects-block {display: none}
.panel-accordeon-block + .panel-accordeon-block {margin-top: 15px}
.panel-accordeon-block > a {font-weight: bold;width: 100%;display: inline-block;position: relative;font-size: 16px}
.panel-accordeon-block > a:after {content: "";position: absolute;width: 16px;height: 16px;right: 20px;background-image: url(/Style/img/IconButtonsRightGrey.png);background-size: contain;background-repeat: no-repeat;transform: rotate(90deg);transition: all .2s ease-in-out;top: 3px}
.panel-accordeon-block .block-details {height: 0;overflow: auto}
.panel-accordeon-block.expanded .block-details {height: auto}
.panel-accordeon-block.expanded > a:after {transform: rotate(-90deg);}
.tt-forms-item {border: 1px solid #e0e0e0;display: flex;align-items: flex-start;position: relative;border-radius:8px}
.tt-forms-item + .tt-forms-item {margin-top: 10px}
.tt-forms-item .tt-form-status {display: flex;flex-direction: column;margin-right: 15px;border-right: 1px solid #e0e0e0;padding: 5px 10px;align-items: center}
.tt-forms-item .tt-form-date {font-size: 1.3em;margin: auto 20px auto auto;}
.tt-form-date.error {color: red;}
.tt-forms-item .tt-form-status > span {font-size: 11px;color: #9f9e9e;font-weight: bold;}
.tt-forms-item .tt-form-status .StatusFilter {width:30px;min-width: 30px;height: 30px;font-size: 12px;margin: 0}
.tt-forms-item:hover {color:inherit!important;background:#f2f2f2}

/*Карта - список точек и анкет*/
.gm-style{font-size:14px!important;font-family:'Segoe UI',Calibri,Optima,Candara,Arial!important}
.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {outline: none}
.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {top: -4px !important;right: 0 !important;}
.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect > span {background: url(/Style/img/IconGrey24DeleteLight.png) center center no-repeat !important;mask-image: none !important;width: 20px !important;height: 20px !important}

.white-block-base{height:100%;background:#f7f7f7;padding:15px}
.white-block{padding:20px 15px;background: #FFF;border: 1px solid #e0e0e0;position: relative;margin-bottom: 20px;width: 100%}
.white-block-lite{padding:5px 0;background: #FFF;border-bottom: 1px solid #e0e0e0;position: relative;width: 100%}
.white-block-lite:last-child{border-bottom:none}
.white-block-cell{width:100%;padding:5px 10px}
.white-block-cell-lite{width:100%;padding:0 5px}
.white-block-cell-16{width:16px;min-width:16px}
.white-block-cell-30{width:30px;min-width:30px}
.white-block-cell-80{width:80px;min-width:80px}
.white-block-cell-125{width:125px;min-width:125px}
.white-block-cell-140{width:140px;min-width:140px}
.white-block-cell-280{width:280px;min-width:280px}
.white-block-cell.error .input-text{border-color:#F44336!important;background:rgba(244,67,54,.05)!important}
.white-block-cell-w50{width:50%}
.white-block-cell-w50:first-child{border-right:1px solid #e0e0e0}
.white-block-border-bottom{border-bottom:1px solid #e0e0e0;margin-bottom:5px;padding-bottom:5px}
.white-block-border-bottom:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.white-block-lite.selected:before {content:"";position:absolute;left:-3px;top:0;width:3px;height:100%;border-radius:10px 0 0 10px;background:#4eae54}

.editor-active {padding:0}
.editor-active .input-text {height:24px;padding:0 5px 1px;border:none;border-bottom:1px solid #e0e0e0;border-radius:unset}
.editor-active .input-memo {height:60px;padding:0 5px 1px;border:none;border-bottom:1px solid #e0e0e0;border-radius:unset}
.editor-active .Zebra_DatePicker_Icon {display:none}
.editor-active .Zebra_DatePicker_Icon_Wrapper {width:45%!important}

code {background-color:#ffc107;border:1px solid #c68400;border-radius:2px;color:#000;padding:1px 4px;}
.btn-line{cursor:pointer;border-bottom:1px dashed #d1d1d1;display:inline-block}
.btn-line:hover{color:#f16621}

.flex, .flex-fix{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex-fix {width:100%;height:100%;overflow:hidden}
.body-panel-content .flex-fix {height:auto}
.inline{display:inline-block}
.relative {position:relative}
.pointer{cursor:pointer}

/*часть стилей со страницы поддежрки*/
.req-comment-block{background:#f5f5f5;margin-bottom:-20px;padding-bottom:20px}




.t-data {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
    background:#FFF;
    box-sizing:unset;
    border-collapse:collapse;
    border-radius:8px;
    border:1px solid #e0e0e0;
    overflow:hidden
}

.t-data thead {
    flex: 0 0 auto;
    width: calc(100% - 0.9em);
    min-height:35px;
    background:#f5f5f5;border-bottom:1px solid #e0e0e0;
    border-radius:8px 8px 0 0
}
.t-data tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
    padding:0 15px 0 0;
    border-radius:0 0 8px 8px
}
.t-data tbody tr {
    width: 100%;
}
.t-data thead, .t-data tbody tr {
    display: table;
    table-layout: fixed;
}
.t-data td, .t-data th{padding:2px 5px;vertical-align:middle;border-right: 1px solid #f5f5f5;height:30px}
.t-data td:last-child, .t-data th:last-child {border-right: none}
.t-data th {cursor:pointer}

.t-data-cont{width:100%;height:100%}
.t-data{}
.t-data-int{width:80px;min-width:80px;text-align:right;overflow:hidden;text-overflow:ellipsis;}
.t-data-bigint{width:120px;min-width:120px;text-align:right;overflow:hidden;text-overflow:ellipsis;}
.t-data-d{width:80px;text-align:right}
.t-data-d-100{width:100px;text-align:right}
.t-data-t{width:60px;text-align:right}
.t-data-bit{width:50px;text-align:center}
.t-data-icon{width:50px;text-align:center}
.t-data-icon svg {width:24px;height:24px;fill:#9e9e9e}
.t-data-icon .svg-icon-data {fill:#9e9e9e}
.t-data-str, .t-data-dropdown{overflow:hidden;text-overflow:ellipsis}
.t-data-str-200 {width:200px}
.t-data-checkbox{width:28px;text-align:center}
.t-data-photo, .t-data-file {width:80px;min-width:80px;text-align:center;position:relative}
.t-data-bit-matrix {width: 75px;text-align: center}
.t-data-bit-matrix .input-checkbox-lbl {padding:0; margin:0}
.t-data-bit-matrix .input-checkbox-lbl:before {margin:0}
th.t-data-bit-matrix .input-checkbox-lbl {margin-bottom:4px}
th.t-data-bit-matrix .matrix-header {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;margin-bottom:3px;font-weight:400}
.t-data th {text-align:center;overflow:hidden;text-overflow:ellipsis}
.t-data tr {min-height:30px;background:#FFF;border-bottom:1px solid #dcdcdc}
.t-data tr.select {background:rgba(3,169,245,.05)}
.t-data tr:hover{background:rgba(3,169,245,.1)}
.t-data tr:hover .t-data-icon .svg-icon-data {fill:#ff5722}
.t-data tr:hover .cell_id {color:#ff5722}
.t-data .system{cursor:default}
.t-data thead tr{background:#f5f5f5}
.t-data thead tr:hover{background:#f5f5f5}
.t-data .error{ color: #f02828;}
.t-data .field-error{ background-color: #ffebee;}

.file-delete-img, .file-cancel-img {display:block;position:absolute;right:0;top:calc(50% - 12px);padding:4px}
.file-delete-img .btn-img, .file-cancel-img .btn-img {margin:0;display:block}
.t-data-photo .file-delete-img, .t-data-photo .file-cancel-img, .t-data-file .file-delete-img, .t-data-file .file-cancel-img {visibility:hidden}
.t-data-photo:hover .file-delete-img, .t-data-photo:hover .file-cancel-img, .t-data-file:hover .file-delete-img, .t-data-file:hover .file-cancel-img {visibility:visible}
.t-data-photo .upload, .t-data-file .upload {display:inline-block}
.t-data-photo.changed .upload, .t-data-file.changed .upload {display:none}

.t-data th.fix {width:16px}
.t-data th.fix:first-child {width:0px;padding:0!important}
.t-data td.change {padding:0!important}
.t-data td.change .input-text {padding:0px 5px;min-width:100%}
.t-data td.change.t-data-dropdown {overflow:unset}
.t-data td.t-data-d .input-text, .t-data td.t-data-t .input-text {text-align:right}
.t-data td.changed {background:#dcefdd}
.t-data td.select {background:#cdeefd}
.t-data td.system {color:#aeb8bc}
.t-data td.t-data-bit .input-checkbox-lbl, .t-data-checkbox .input-checkbox-lbl {padding:0;margin:0}
.t-data td.t-data-bit .input-checkbox-lbl:before, .t-data-checkbox .input-checkbox-lbl:before {margin:0}
.t-data td.focus {background:rgba(0,0,0,.01);box-shadow:inset 0 1px 6px rgba(0,0,0,.05)}
.t-data td.changed .input-checkbox-lbl {display:none}
.t-data td .dropdown-block {padding:0;border-radius:0;border:0;min-height:unset}
.t-data td.change .dropdown-block .dropdown-img {right:5px}
.t-data td.temp .dropdown-block {display:none}
.cell-block {color:#818181}
.t-data-d .input-text {min-height:30px;height:30px;border:0}
.t-data tbody tr:last-child {border-bottom:none}

.t-data-color {width:5px;padding:0!important}
.t-data .row-status8 .t-data-color {background:rgba(243,67,52,.7)}
.t-data .row-status7 .t-data-color {background:rgba(78,174,84,.7)}
.t-data .row-status4 .t-data-color {background:rgba(103,58,185,.7)}
.t-data .row-status3 .t-data-color {background:rgba(255,194,7,.7)}
.t-data .row-status2 .t-data-color {background:rgba(3,169,245,.7)}
.t-data .row-status1 .t-data-color {background:rgba(158,158,158,.7)}

.t-data tr.row-status8:hover {background:rgba(243,67,52,.1)}
.t-data tr.row-status7:hover {background:rgba(78,174,84,.1)}
.t-data tr.row-status4:hover {background:rgba(103,58,185,.1)}
.t-data tr.row-status3:hover {background:rgba(255,194,7,.1)}
.t-data tr.row-status2:hover {background:rgba(3,169,245,.1)}
.t-data tr.row-status1:hover {background:rgba(158,158,158,.1)}

.page-forms.t-data th.fix:first-child {width:6px;padding:0!important}

.pages {text-align:right}
.pages .page {padding:6px 0;width:32px;height:32px;border-radius:100%;background:rgba(158,158,158,.05);margin-left:5px;display:inline-block;text-align:center;
              color:#aeb8bc;cursor:pointer;user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none}
.pages .page:first-child{margin-left:0}
.pages .page:hover{background:rgba(158,158,158,.4);color:#515151}
.pages .page.active {color:#4CAF50;background:#E8F5E9}
.pages .page.next {background:url(../../img/IconButtonsNextGrey.png) center center no-repeat;background-size:16px}
.pages .page.prev {background:url(../../img/IconButtonsPrevisionGrey.png) center center no-repeat;background-size:16px}

.df-value {
    height:auto;width:auto;max-width:250px;display:inline-block;border:1px solid #03a9f5;border-radius:4px;margin:2px 5px 2px 0;
    overflow:hidden;padding:3px 18px 3px 5px;white-space:nowrap;text-overflow:ellipsis;
    background:url(../../img/IconButtonsDeleteSmall.png?v1) center right 5px no-repeat rgba(3,169,245,.05);background-size:8px;cursor:pointer;
}
.df-value:hover{background-image:url(../../img/IconButtonsDeleteImage.png);background-color:rgba(3,169,245,.15)}
.df-value.no-delete{background:none;background-color:rgba(3,169,245,.1);padding:3px 5px}

.df-value-green, .df-value-green.no-delete{border:1px solid #4eae54;background:#edf7ee}
.df-value-red, .df-value-red.no-delete{border:1px solid #f34334;background:rgba(243,67,52,.1)}
.df-value span {margin-right:3px;color:#aeb8bc}
.df {width:100%}
.df .btn-line{display:inline-block;margin-top:5px}
.df-search {height:26px;min-height:26px;margin:2px 5px 2px 0;line-height:2;width:200px}

.df .btn svg.btn-img {margin:2px}
.df .btn .btn-txt {padding:2px 4px}

.filter-line {display:inline-block;vertical-align:middle;margin-right:10px;margin-bottom:3px}

.body-panel-control:hover .svg-icon-grey, .dsg-filter:hover .svg-icon-grey, .hover-action:hover .svg-icon-grey {fill:#ff5722}
.onlystroke .svg-icon-grey {stroke: #8896A5; fill: none}
.onlystroke .svg-icon-grey:hover {stroke: #ff5722; fill: none;}

.btn-link {
    cursor: pointer;
    color: #818181
}
.btn-link:hover, .btn-link.active{color:#ff5722}

.filter-row {display: flex;align-items: center;min-height:30px}
.filter-row + .filter-row {margin-top: 2px}
.filter-row-title {
    width: auto;
    min-width: fit-content;
    max-width: 180px;
    margin: 0 15px 0 4px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.filter-btn {margin-top:2px;display:inline-block;border:1px solid #FFF;border-radius:4px;transition:all linear .2s;padding:4px;cursor:pointer}
.filter-btn:hover {background: #f2f2f2;border: 1px solid #f2f2f2}
.filter-svg {fill:#8896A5;height:16px;width:16px;transition:all linear .2s}
.filter-btn:hover .filter-svg {fill:#ff5722}

/*Новости на странице Аналитика*/
#newsContent p {margin: 1em 0}
.notRead{position:relative}
.notRead:before{content:"";position:absolute;left:0;top:5px;width:2px;height:calc(100% - 10px);background:#4eae54}

.repCol {overflow-x: auto;width: auto;padding: 5px 0;margin-top: 5px;height: 60px}
.repColHeaders {width: auto;border: 1px solid #e0e0e0;border-right: none;padding: 8px 12px;background: #FFF;height: 36px}
.repColHeaders .input-text {margin-top: -5px;min-width: 50px}
.repColText {max-width: 80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;display: block}
.repColHeaders:last-child {border-right: 1px solid #e0e0e0}
.sortable-highlight {background-color: #f2f2f2;min-width: 60px}
.sortablet {margin-left: 15px;}
.page-split {background: url(../Style/img/IconButtonsMinus.png) repeat-x antiquewhite;text-align: center}
.ui-slider {width: 200px;margin: 10px 15px 0 15px;height: 10px;}
.ui-slider-range {background: #f2f2f2;border: 1px solid #e0e0e0;}
.zindUp {z-index: 2}
.fr-box.fr-basic.fr-top .fr-wrapper {height: calc(100% - 43px);overflow:hidden}
.fr-box.fr-basic .fr-element {max-height:100%}
.fr-popup {z-index: 30000 !important}


.changes-save{position:absolute;top:20px;right:20px;padding:10px 25px;background:#4eae54;z-index:30000;border-radius:10px;color:#FFF;box-shadow:0 2px 20px rgba(0,0,0,.2)}
.changes-process{position:absolute;top:20px;right:20px;padding:10px 25px;background:#ffc208;z-index:30000;border-radius:10px;color:#FFF;box-shadow:0 2px 20px rgba(0,0,0,.2)}
.changes-error{position:absolute;top:20px;right:20px;padding:10px 25px;background:#f34334;z-index:30000;border-radius:10px;color:#FFF;box-shadow:0 2px 20px rgba(0,0,0,.2)}


.filter-panel .dxeListBoxItem {white-space:normal}

.noti-date{width:100%;color:#757575;padding:12px 20px;border-radius:2px;font-size:16px;background:#f5f5f5}
.noti-typeheader{width:100%;background:#515151;color:#FFF;padding:12px 20px;border-radius:8px;margin-bottom:15px}
.noti-header{width:100%;font-weight:600;font-size:16px;padding-right:10px}
.noti-cont-header{padding:10px 0 5px;margin-top:10px;position:relative}
.noti-cont-body {width:100%;padding:15px 20px;margin:0;background:#f9f9f9;border:1px solid #dfdfdf;border-radius:4px}
.noti-cont-body img {margin-top:5px}
.noti-date-fix {position:absolute;top:50px;left:0;padding:12px 40px;color:#757575;font-size:16px;background:#f5f5f5;width:100%;z-index:1}
.noti-header-fix {position:absolute;top:94px;left:0;padding:12px 40px;color:#FFF;font-size:14px;background:#515151;width:100%;box-shadow:rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;z-index:1}
.noti-cont-header.new:after {content:"";width:3px;background:#4eae54;height:100%;left:-20px;top:0;position:absolute}
.noti-empty{padding: 0 10px;margin-top: 20px;font-size: 16px;}
.noti-have-not-read .svg-icon-grey {fill:#4eae54}
.noti-have-not-read{position:relative}
.noti-have-not-read::after {content:attr(data-count);position:absolute;right:-1px;top:-2px;width:16px;height:16px;border:1px solid #4eae54;font-size:10px;border-radius:100%;text-align:center;background:#FFF;line-height:1.6}
.btn.noti-have-not-read:hover::after {border-color:#ff5722}
.view-block{margin:0 10px 10px;padding:7px 10px;border-radius:4px;border:1px solid #e1d9c2;background:#fff5da}
.view-image{z-index:21010;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2)}
.view-image-cell{height:calc(100% - 100px);width:calc(100% - 100px);background-size:auto;background-position:50% 50%;background-repeat:no-repeat;cursor:pointer;margin:50px}
.view-image-cell .photo-loader-wrapper{background:rgba(0,0,0,.2)}
.designer .df-value{margin-bottom:0;padding:2px 5px;height:24px;line-height:1.3}
.designer .df-value:first-child {}
.designer .df-value:hover{box-shadow:none}
.designer-search{width:100%;position:relative}
.designer-search .search-clear {top:4px;right:4px}
.designer .field {padding:15px;margin-bottom:15px;background-color:#FFF;cursor:move;border-bottom:none;border-radius:8px}
.designer .field:not(:hover) .df-value {background-color:transparent}
.designer .tblfields {padding:0 20px;background:#f5f5f5;margin-top:0;height:0;overflow:hidden;border-radius:2px}
.designer .tblfields.show{height:auto;padding:20px;margin-top:15px}
.designer .tblfields .list {padding:10px 15px;margin-bottom:10px;cursor:move;border-bottom:none}
.designer .tblfields .list:not(:hover) .df-value {background-color:transparent}
.designer .tblfields .list:last-child{margin-bottom:0}
.designer .tblfields .list:not(:hover) .svg-icon-grey {fill:#9e9e9e}

.for-mobile{display:none}
.html-content h1 {clear:left;padding:0;float:unset;margin-bottom:10px}
.html-content img {max-width:100%;border:1px solid #e0e0e0;margin:5px 0;height:auto !important}
/*.html-content * {font-family:'Segoe UI',Calibri,Optima,Candara,Arial!important}*/

.setting .content-row {padding:0;border-bottom:1px solid #e0e0e0;border-top:0}
.setting .content-row:last-child{border:0}
.setting .content-row-block {padding:0 5px;margin-right:10px}
.setting .content-row-block:last-child{padding-right:0}
.setting .content-row-block:first-child{padding-left:0}
.setting .content-row .input-text{border:none}
.setting .content-row:hover .input-text{background:#f2f2f2}
.setting .div-table {border:none;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}
.setting .content-row-header {
    cursor: default;
    background: #f5f5f5;
    color: #515151;
    padding: 5px 10px;
    border: 1px solid #e0e0e0;
    margin: 0;
    font-weight: bold;
}

.nowork {margin-bottom:20px;text-align:center}
.nowork img {width:24px;height:24px}
.nowork .HelpText {margin-top:5px}

.bg-trans {background:transparent!important;border:transparent!important}

.panel-settings {background:rgb(245, 245, 245);box-shadow:0 0 20px rgba(0, 0, 0, 0.3);width:0px;min-width:0;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;z-index:2;transition: all linear .2s;display: flex;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;}
.panel-settings .popup-header, .panel-settings .popup-footer {background:#FFF}
.panel-settings .popup-body, .panel-settings .popup-header, .panel-settings .popup-footer {width:500px}
.menu-detail.right-open .wd-menu-first{margin-left:-500px}
.menu-detail.right-open .panel-settings-show{width:500px;min-width:500px}
.panel-settings .popup-body {padding:20px}


.form_radio {margin-bottom: 10px;}
.form_radio input[type=radio] {display: none;}
.form_radio label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right: 0;line-height: 18px;user-select: none;}
.form_radio label:before {content: "";display: inline-block;width: 14px;height: 14px;position: absolute;left: 0;bottom: 1px;background: #FFF;border:2px solid #e0e0e0;border-radius:50px;z-index:2;transition:all linear .2s}
.form_radio label:after {content: "";display: inline-block;width: 8px;height: 8px;position: absolute;left: 5px;bottom: 6px;background: #ff5722;border:none;border-radius:50px;z-index:1}
.form_radio input[type=radio]:checked + label:before {border-color:#ff5722;background:transparent}
.form_radio label:hover:before {border-color:#9e9e9e}
.form_radio input[type=radio]:disabled + label:after {background:#e0e0e0;z-index:3}
.form-radio-list {padding:10px}
.form-radio-list .form_radio {margin-bottom: 5px}
.filter-block {margin-left:10px}
.filter-status-block {min-width:245px;width:245px;text-align:right;margin-left:15px}
.filter-block-2 {margin-left: 10px;text-align:right}
.filter-block-row-2 {padding:8px 15px}

.arrow-up {-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.15);box-shadow: 0 2px 10px rgba(0,0,0,.15);position: absolute;width:50px;right:70px;bottom:70px;z-index:11100;background:#f5f5f5;height:50px;border-radius:8px;cursor:pointer}
.arrow-up svg {width:30px;height:30px;transform:rotate(180deg) translate(50%,50%);position:absolute;left:50%;top:50%;}

.widget-block{height:450px;padding:5px 15px}
.widget-block.load{animation:widget-loading 2s linear infinite}



/***g-info-window***/
.g-info-window { padding: 0 10px;max-width: 300px;}
.g-info-window .g-info-title {font-size: 1.2em;font-weight: bold;margin-bottom: 5px;}
.g-info-window .g-address {margin: 5px 0;}
.g-info-window .div-table-cell {white-space: normal; padding: 6px 10px;}


    @keyframes widget-loading {
        0% {opacity:1} 
    50% {opacity:0.2}
    100%{ opacity:1} 
}

.widget-chart{height:100%;width:100%}
.widget-fullscreen{position:absolute!important;right:0px;top:50%;transform:translateY(-50%)}
.widget-fullscreen .btn-img {width:20px;height:20px;stroke:#8896A5;margin:2px}

.widget-cache {position:absolute;right:45px;color:#aeb8bc;top:50%;transform:translateY(-50%)}
.widget-total {text-align:center;font-weight: 600}
.widget-header {font-weight:600;font-size:16px}

.widget-t{display:table;width:100%;table-layout:fixed;height:100%;border-collapse:collapse}
.widget-t-r{display:table-row;height:100%}
.widget-t-r-fix{height:28px}
.widget-t-r-c {display:table-cell;vertical-align:middle;height:100%}
.widget-t-r-c-fix {height:32px;position:relative}
.widget-list {height:100%;overflow:auto;max-height:350px}
.widget-list .list:nth-child(2n) {background:#f9f9f9}
.widget-list .list:last-child {border-radius:0}
.widget-list .list-cell {padding:5px 10px}
.widget-list .btn {background:transparent;border:none;display:inline-block}
.widget-list .btn:hover {background:transparent;border:none}
.widget-list .list-cell-100 {text-align:right}
.widget-fullscreen:hover .btn-img {stroke:#ff5722}
.widget-list .btn:hover .btn-img {fill:#ff5722}
.widget-t-r-c-fix .withSearch-block .search-clear {right:2px}

.flex-v {display: flex;	display: -webkit-box; display: -webkit-flex;    display: -ms-flexbox;flex-direction: column; -webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;height:100%}
.flex-v-row{width:100%;display:block;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:auto;min-height:44px;z-index:1}
.flex-v-block {height: 100%;overflow-y: auto;overflow-x: hidden;flex: 1;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1 1 300px;}
.list-lite {width:100%;max-height:100%;overflow:auto}
.list-lite-item {padding:2px 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list-lite-item:nth-child(2n){background:#f9f9f9}
.list-lite-item .input-checkbox-lbl {padding:0;margin:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.list-lite-item .description {padding:0}
.list-lite-box-500 {width:500px;height:500px}
.font-green{ color: #4dad54;}
.list-lite-border {border:1px solid #e0e0e0;border-radius:8px}
.list-lite-border .list-lite-item {padding:2px 6px}

/*.mobile-view.body-panel-content {padding:0}*/
.mobile-view .column-row-header {border-bottom:0;padding:0}
.mobile-view .column-row-detail {margin-top:0}
.mobile-view .column-row {border:0}
.mobile-view .column-row.opened .column-row-detail {margin-top:12px}

.view-link{text-decoration:underline}

.date-range {}
.date-range-error {color:#F44336;display:none}
.date-range.error .date-range-error {display:block}
.date-range.error .datepicker {border-color: #F44336!important;background: rgba(244,67,54,.05)!important}

.list-lite-item-handle .input-checkbox-lbl {cursor:move}
.list-lite-item-handle .input-checkbox:checked + .input-checkbox-lbl::before {cursor:pointer}


.reject-list {display: block;width: 100%;overflow: auto;border: 1px solid #e0e0e0;border-radius: 4px;height:150px}
.reject-list-item {display: flex;width: 100%;border-bottom: 1px solid #e0e0e0;padding: 5px 6px;}
.reject-list-item:last-child {border-bottom: none;}
.reject-list-item > label {width: 100%;}

.maintenance-info {position: absolute; bottom: 0; left: 0; width:100%; text-align:center; padding: 20px; color:#FFF; border-radius: 8px 8px 0 0;z-index:12000;
    font-size: 16px;background:url(../../img/IconButtonsDeleteSmall.png?v1) center right 20px no-repeat rgba(3, 169, 245, 1);background-size:10px;cursor:pointer;
}

.telegram-btn svg {fill:#5aa5ef;width:24px;height:24px}

@media only screen and (max-device-width:900px) and (min-width:0px) and (max-width:900px) {
    .nowork{margin:0 0 15px 0}
    html{width:100vw}
    form{height:auto;width:100vw}
    .menu-prj {display:none}
    .menu-prj.show{display:block}
    #menuMobile{display:block;cursor:pointer}
    #logo {padding:7px 7px 7px 7px}
    .body-panel {width:100%;margin:51px 0 0 0}
    .body-panel:after

    .headbar{position:absolute;min-width:320px}
    .btn-header {margin-right:3px!important}
    .menu-user-fio, .header-switch{display:none}
    .menu-user .svg-icon, .projects-list svg{display:none}
    .menu-user-content-c{width:calc(100% - 10px)}
    .logo-big-in {position:relative;margin:30px auto;left:auto;bottom:auto;transform:none}
    .content_prj {margin:55px 0 0 55px;width:calc(100% - 55px)}
    .link-to-project{max-width:95px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-left:5px}
    .link-to-project .opt_text_small_wellcom {max-width:90px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
    .headbar-right .margin-right-15 {margin-right:5px}
    .list-cell-mobile-50 {width:50px;min-width:50px}
    /*.list-cell-mobile-80 {width:80px;min-width:80px}*/

    /*.mobile-absolut-left-bottom{position:absolute;left:10px;bottom:30px}*/

    .fix-text-row-not-mobile {white-space:normal}

    .tile{margin:0 0 10px 0;width:100%!important;height:auto!important}
    .tile-row{padding:10px}
    .wd-u-card .tile-row{padding:5px}
    .pSearchPan{width:100%;padding:0}

    .proj-cont{width:calc(100% - 42px)}
    .proj-cont-base{display:block;margin:10px 0 0 0;width:100%}
    .header-welcom-lbl{margin-right:10px}
    .header-db-menu{margin-left:20px}
    .fc-content:hover .event-tooltip{display:none}
    .fc button{padding:0 4px;font-size:13px}
    .btn-new-event{top:63px;left:20px}
    .fc-toolbar h2{font-size:16px!important;line-height:2.5!important}
    .dxpcLite > .dxpc-mainDiv{padding:10px!important;max-width:400px}

    .fixedHeight {height:auto}
    .p0_footer{font-size:12px!important}
    .reports-list{margin:10px 0;width:100%}
    .report-item {margin:10px 3px 0 0}
    .mob-no-text span.dx-vam{display:none!important}
    .opt-select-project-c, .opt-info-c{left:5px;width:calc(100% - 10px)}
    .opt-select-project-close, .opt-info-close, .menu-user-content-close{top:15px;left:15px}
    .opt-filters{width:100%;padding:30px 10px;left:-35px;z-index:999999}
    .projects-list{padding:2px 0}
    .fc-scroller{height:60vh!important}
    .popup-btns{bottom:10px;right:10px}
    .line-t {display:block}
    .line-t-c {width:100%;padding:0}

    .body-panel-content{padding:10px 0}
    .bl-separator {width:calc(100% - 20px);padding:8px 10px}
    .block-separator-pp{padding:8px 20px;margin:0 0 0 -20px}
    .not-for-mobile{display:none!important}
    .for-mobile{display:block}

    .mobile-margin-left-none{margin-left:0!important}
    .ff-for-file-upload-zone{width:100%;margin:10px 0 0 0}
    .mobile-overflow-hidden{overflow:hidden}

    .StatusFilter{width:36px;height:36px;min-width:36px}

    .wd-menu-first{width:100%;min-width:100%}
    .wd-menu-second-show{width:100%;min-width:100%;margin-left:-100%}
    .wd-menu-content{display:none}
    .body-panel-map .card-user-img{width:80px;height:80px;min-width:80px}
    .body-panel-map .card-user-content{padding:5px 0;margin:0 5px;width:calc(100% - 211px)}
    .body-panel-map .card-user-video{margin:0;height:80px;width:60px;min-width:60px;border-radius:0;padding:0 2px}
    .body-panel-map .card-user-city{display:none}
    .body-panel-map .card-user-phone{display:none}
    .body-panel-map .dropdown-block{width:140px!important}
    .body-panel-map .body-panel-footer{display:none}

    .mobile-flex-not{display:block}
    .mobile-flex-not .list-cell-280, .mobile-flex-not .list-cell-360 {min-width:unset;width:100%}
    .flex-fix {display:block;height:auto}
    .flex-fix .column {width:100%;margin:0 0 20px;height:auto;overflow:unset}
    .flex-fix .column .column-row {position:initial!important}
    .flex-fix .column .column-row .block-separator-20 {width:100%!important;margin:0}
    
    .panelMaterialInfo{height:auto}

    .column-row{padding:10px}

    #divGroupsBase{display:none}

    .noti-typeheader {padding:8px 10px}
    .noti-cont-body {padding:8px 10px}
    .dsg-filter {width:150px;min-width:150px;}

    
    .menu-content-data-detail{padding:10px}

    /*.help-desc .menu-detail {display:block}*/
    /*.help-desc .menu-detail-fisrt {width:100%;min-width:100%;}*/

    .wd-u-card-info .absolute-t10-l10 {position:relative!important;left:auto;top:auto}
    .wd-u-card-info .fix-text-row-not-mobile {font-size:10px}
    .wd-u-card .list-cell-110 {min-width:80px;width:80px}

    #puCards .list-cell-150 {width:125px;max-width:125px}
    #puCards .tile {overflow:hidden}

    .panel-users {display:block!important}
    .panel-users-zone {width:100%;height:50%;border:none}
    .panel-users-zone:first-child{border-bottom:1px solid #e0e0e0}
    .panel-users-info-1 {display:block!important;height:auto}
    .panel-users-info-1 .panel-users-info-half {width:100%}
    .panel-users-imp-lbl {margin-left:30px}
    .wd-video .plyr {min-width:unset}

    /*Анкеты*/
    #ddSelectLang {display:none}
    .pages {padding:5px 0}
    .pages .page {font-size:10px;width:22px;height:22px;margin-left:2px;padding:0px;}
    .filter-block {padding-left:8px;margin-left:8px;width:100%}
    .filter-block-2 {margin-left:5px;padding-left:5px;border:none;min-width:unset;width:100%;text-align:right}
    .filter-status {width:100%}
    .filter-status-block {min-width:200px;width:200px;text-align:left}
    #staticFilter .StatusFilter {width:28px!important;min-width:28px!important;height:28px!important}
    #staticFilter .StatusFilter .dxbButton span {font-size:12px}
    .btn-only-img .btn-img {margin:2px}
    .filter-block-2 .btn-only-img .btn-img {width:18px!important;height:18px!important}
    .filter-block-2 .btn {margin-left:3px}
    .filter-list .opt_text_small_wellcomProject {max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .filter-list svg {margin:7px 2px 0}
    #FilterDate .margin-left-10 {margin-left:5px}
    #FilterDate .input-text {min-width:60px}
    .html-content img {width: 100% !important; height: auto !important;}


    /*.menu-detail-fisrt, .menu-detail-second {width:180px;min-width:180px}*/
    .column-row-2 .tile, .tile-group .tile {width:100%;margin-right:0}
    .column-row-2 .column-row-header {padding-left:10px}
    .column-row-2 .description {padding-left:10px}
    .column-row-2 .tile, .tile-group .tile {width:100%;margin-right:0}
    .column-row-2 .tile:nth-child(2n), .tile-group .tile:nth-child(2n) {margin-bottom:10px}
    .widget-list {height:350px}
    .widget-block {height:380px!important}
    .widget-header {display:inline-block;max-width:80%;font-size:14px}
    .widget-cache{right:40px}
    .filter-row{display: block;}
}

@media (min-width:500px) and (max-width:1023px){
    .header-welcom-lbl{margin-right:10px}
    .header-db-menu{margin-left:50px}
    .proj-base-search-div{width:646px}
    .pSearchPan{width:calc(100% - 71px);padding:0 20px 0 51px}
    .prj-list-cont-count-row-l{padding:0 5px}
    .prj-list-cont-count-row-r{padding:0 5px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 610px);top:100px}
    .btn-new-event .btn-txt{display:none!important}

    .body-panel-map .body-panel-content {padding:15px}
    .wd-menu-first{width:550px;min-width:550px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-u-card {height:140px}
    .wd-u-card > .flex {height:120px}
    .wd-u-card .wd-u-card-img {height:120px;width:120px;min-width:120px}
    .wd-u-card .list-cell-110 {width:90px;min-width:90px}
    .wd-u-card-info .description {font-size:12px}
    .wd-video .plyr {min-width:unset}

    .wd-menu-second-show{width:500px;min-width:500px;margin-left:-500px}
    .dsg-filter {width:200px;min-width:200px;}
    .column-row-2 .tile, .tile-group .tile {width:100%;margin-right:0}
    .column-row-2 .tile:nth-child(2n), .tile-group .tile:nth-child(2n) {margin-bottom:10px}
    .widget-block {height:380px}
    .filter-row {display: block;}
}
@media (min-width:1024px) and (max-width:1279px){
    .header-welcom-lbl{margin-right:10px}
    .header-db-menu{margin-left:50px}
    .proj-base-search-div{width:868px}
    .pSearchPan{width:calc(100% - 71px);padding:0 20px 0 51px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 710px);top:100px}

    .wd-menu-first{width:650px;min-width:650px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-menu-second-show{width:600px;min-width:600px;margin-left:-600px}
    .wd-u-card {height:140px}
    .wd-u-card > .flex {height:120px}
    .wd-u-card .wd-u-card-img {height:120px;width:120px;min-width:120px}
    .wd-u-card .list-cell-110 {width:90px;min-width:90px}
    .dsg-filter {width:300px;min-width:300px;}
    /*.menu-detail-fisrt, .menu-detail-second {width:200px;min-width:200px}*/
    .widget-block {height:380px}
    .filter-row {display: block;}
}
@media (min-width:1280px) and (max-width:1365px){
     .header-welcom-lbl{margin-right:20px}
    .header-db-menu{margin-left:70px}
    .proj-base-search-div{width:1091px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 840px);top:100px}
    .dsg-filter {width:350px;min-width:350px;}
    
    .wd-menu-content{width:100%;min-width:unset}
    .wd-u-card {height:140px}
    .wd-u-card > .flex {height:120px}
    .wd-u-card .wd-u-card-img {height:120px;width:120px;min-width:120px}
    .wd-u-card .list-cell-110 {width:90px;min-width:90px}
    /*.menu-detail-fisrt, .menu-detail-second {width:200px;min-width:200px}*/
    .wd-menu-first{width:650px;min-width:650px}
    .wd-menu-second {width:0;min-width:0;margin-left:0}
    .wd-menu-second-show{width:600px;min-width:600px;margin-left:-600px}
    .widget-block {height:380px}
}
@media (min-width:1366px) and (max-width:1599px){
     .header-welcom-lbl{margin-right:20px}
    .header-db-menu{margin-left:70px}
    .proj-base-search-div{width:1091px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 910px);top:100px}
    .dsg-filter {width:400px;min-width:400px;}

    .wd-menu-first{width:700px;min-width:700px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-menu-second-show{width:640px;min-width:640px;margin-left:-640px}
}
@media (min-width:1600px) and (max-width:1799px){
    .header-welcom-lbl{margin-right:25px}
    .header-db-menu{margin-left:95px}
    .proj-base-search-div{width:1313px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 1060px);top:100px}
    .dsg-filter {width:400px;min-width:400px;}

    .wd-menu-first{width:700px;min-width:700px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-menu-second-show{width:640px;min-width:640px;margin-left:-640px}
    .menu-detail.right-open .wd-menu-first {margin-left:-200px}
}
@media (min-width:1800px){
    .header-welcom-lbl{margin-right:40px}
    .header-db-menu{margin-left:135px}
    .proj-base-search-div{width:1757px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 1200px);top:100px;left:40px}
    .opt-uCalendar-info-close{top:65px;left:40px}

    .wd-menu-first{width:750px;min-width:750px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-menu-second-show{width:660px;min-width:660px;margin-left:-660px}
    .menu-detail.right-open .wd-menu-first {margin-left:-100px}
    .dsg-filter {width:450px;min-width:450px;}
}
@media (min-width:2000px){
    .header-welcom-lbl{margin-right:40px}
    .header-db-menu{margin-left:135px}
    .proj-base-search-div{width:1757px}
    .proj-cont-base{display:inline-flex;margin:20px 20px 0 0}
    .opt-uCalendar-info-c{width:calc(100% - 1200px);top:100px;left:40px}
    .opt-uCalendar-info-close{top:65px;left:40px}

    .wd-menu-first{width:750px;min-width:750px}
    .wd-menu-content{width:100%;min-width:unset}
    .wd-menu-second-show{width:660px;min-width:660px;margin-left:-660px}
    .menu-detail.right-open .wd-menu-first {margin-left:0}
    .dsg-filter {width:450px;min-width:450px;}
}


@media (min-height:700px) and (max-height:800px){
    .opt-uCalendar-info-c{width:calc(100% - 810px);top:100px}
}
@media (min-height:500px) and (max-height:700px){
    .opt-uCalendar-info-c{width:calc(100% - 710px);top:100px}
    .fc-toolbar h2{font-size:14px}
    .fc-toolbar h2{font-size:14px;line-height:2.2}
}

@-moz-document url-prefix() {
  .column-row:last-child{margin-bottom:20px}
  #ppNewTask .column-row:last-child{margin-bottom:0}
}

a[href*="froala"]{
  position: absolute;
  top: -99999999px;

}

#logo, #menuMobile, .menu-prj-lnk, .menu-prj-lnk *,
.opt-notice, .opt-notice *, .menu-user-fio,
.btn, .search, .dxbButton,
.project-logo-big,
.tile, .line, .log, .header,
h5, a,
.input-memo, .input-text, .dropdown-block, .input-text-lbl, .file-upload-zone,
.StatusFilter, .switch-btn, .popup-btn-close,
.dxgvDataRow,
.mess-content,
.wd-timeline, wd-timeline *, .wd-timeline-detail-block *,
.menu-detail-second,
.page, .t-data tr,
.dropdown-menu-item, .df-value,
.div-table-cell,
.popup-body, .list,
.panel-users-select, .panel-users-btn-add, .panel-users-btn-add-img,
.svg-icon-grey,
.dropdown-menu-item-selected,
.opt_text_small_wellcom,
.img-btns, .img-btns-more, .photolist-photo-info, .btnPhotoEdit,
.func-panel, .dxeTextBox, .dxeButtonEdit, .dxeMemo, .BtnsSett,
.phSelect, .btn-link,
.link-to-project,
.tblfields,
.help-desc .menu-detail-fisrt, .help-desc .menu-content, .btn-line
{-webkit-transition: all linear .2s;-moz-transition: all linear .2s;-o-transition: all linear .2s;transition: all linear .2s}

.ui-sortable-helper {-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}

.server-menu {
    position: fixed;
    top: 50px;
    left: 0;
    background-color: #FFF;
    height: calc(100% - 50px);
    width: 290px;
    border-right: 1px solid #e0e0e0;
    z-index: 12000;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding: 0px 10px;
    display: flex;
    flex-direction: column;
}

div.separator {
    border-bottom: 1px solid #e0e0e0;
    margin: 0px 6px 5px 6px;
}

.server-menu-top-btns {
    display: flex;
    padding: 10px 0px;
}

.server-menu-list-header {
    margin: 5px 0px;
    color: #515151;
    font-size: 12px;
    font-weight: 600;
}

.server-menu-list {
    flex: auto;
    overflow: auto;
    margin: 0 -10px;
    padding: 0 10px;
}

.server-menu-settings-btns {
    height: 90px;
    padding-top: 2px;
}

.server-menu-bottom-btns {
    display: flex;
    margin: 3px 30px 8px;
}

#PrjBaseScroll {
    margin-left: 290px;
    padding: 20px 0 0 20px;
}

.server-menu-list-element {
    display: flex;
    height: 37px;
}

.server-menu-list-element-icon {
    min-width: 25px;
    height: 25px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    border: 2px solid;
    border-radius: 5px;
    margin: 5px 0px;
    font-weight: 500;
}

.server-menu-list-element-title {
    line-height: 24px;
    font-size: 14px;
    margin: 6px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.server-menu-list-element-count {
    line-height: 24px;
    font-size: 14px;
    margin: 6px 5px 0px auto;
}

.server-menu.collapsed {
    width: 70px;
}

.server-menu.collapsed .server-menu-top-btns #btnSearchServer {
    display: none;
}

.server-menu.collapsed .server-menu-list-header {
    display: none;
}

.server-menu.collapsed .server-menu-top-btns {
    flex-direction: column;
}

.server-menu.collapsed .server-menu-top-btns .btn {
    width: 35px;
    margin: 0px auto;
}

.server-menu.collapsed .server-menu-top-btns .btn-txt {
    display: none;
}

.server-menu.collapsed .server-menu-bottom-btns {
    flex-direction: column;
    margin: 0px;
}

.server-menu.collapsed .server-menu-bottom-btns .btn {
    width: 35px;
    margin: 0px auto;
}

.server-menu.collapsed .server-menu-bottom-btns .btn-txt {
    display: none;
}


.server-menu.collapsed .server-menu-list-element-icon {
    margin: 5px auto;
}

.server-menu.collapsed .server-menu-list-element-title {
    display: none;
}

.server-menu.collapsed .server-menu-list-element-title {
    display: none;
}

.server-menu.collapsed .server-menu-list-element-count {
    display: none;
}

.server-menu.collapsed .server-menu-list-element-visibility {
    display: none;
}

.server-menu.collapsed + #PrjBaseScroll {
    margin-left: 70px;
}

.server-menu-setting-btn-wrapper {
    display: flex;
    margin: 0 0 8px;
}

.server-menu-setting-label-subtitle {
    color: #8896A5;
    font-weight: 400;
    font-size: 12px;
}

.server-menu-setting-label-title {
    color: #515151;
    font-weight: 400;
    font-size: 14px;
}

.server-menu-setting-label {
    margin-left: 5px;
}

.server-menu-bottom-btn {
    height: 36px;
    margin: 0px auto;
}

.server-menu.collapsed .server-menu-setting-btn {
    margin: 0px auto;
}

.server-menu.collapsed .server-menu-setting-label {
    display: none;
}

.server-menu.collapsed .server-menu-list-element > .btn {
    margin: 0px auto;
}

.server-menu-list-element {
    cursor: pointer;
    padding: 0 6px;
    border-radius: 8px;
}

.server-menu-list-element.selected {
    background-color: #fbe9e7;
}

.server-menu-list-element:not(.selected):hover {
    background-color: #f2f2f2;
}

.server-menu-list-element-visibility > .btn:not(:hover) {
    background: transparent;
    border-color: transparent;
}

.server-menu-setting-btn.selected > .btn {
    background-color: #fbe9e7;
}

.padding-top-4 {
    padding-top: 4px;
}

.server-menu-list-element-icon-default {
    background-color: white;
    color: #fe5722;
    border-color: #fe5722;
}

[v-cloak] {
    display: none;
}

/*.tile-row:has(> .project-logo) {
    height: 86px;
}*/

.scrollbar-thumb {
    background: rgba(0,0,0,.1)!important;
}

.btn-header:hover .svg-icon-stroke-grey {
    stroke: #ff5722;
}

.btn-header .svg-icon-stroke-grey {
    stroke: #8896A5;
}
    
#UserSysMenu .popup-body {display: flex;flex-direction: column;}
.system-info {margin: 20px 20px 10px 20px;font-size: 10px;line-height: 1.2;color: #aeb8bc;text-align:center;}

.toast-info {background-color: #03a9f5 !important}
.toast-success {background-color: #4eae54 !important}
.toast-error {background-color: #f34334 !important}
.toast-warning {background-color: #ffc208 !important}
#toast-container > div:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important;-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5) !important}
#toast-container > div {width: 350px !important;border-radius: 8px !important}