/*@import "/fonts/opensans/opensans.css";*/
@import "/fonts/clearsans/clearsans.css";
@import "/fonts/robotoslab/robotoslab.css";
html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    font-family: 'Clear Sans', sans-serif;
}
a:hover {
    text-decoration: none;
}
img {
    border: none;
}
h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto Slab';
}
textarea {
    resize: none;
}
#global100 {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    min-width: 1024px;
    
}
#globalTable {
    width: 100%;
    height: 100%;
    display: table;
    box-sizing: border-box;
    background: #F6F7FC;
    max-height: 100vh;
    border-collapse: collapse;
}
img {
    border: none;
}
.content {
    max-width: 1100px;
    margin: 0 auto;
    width: 100%;
}
#globalTable > .column {
    display: table-cell;
    border: 1px solid #eee;
    box-sizing: border-box;
    padding: 8px;
    position: relative;
    vertical-align: top;
}
#globalTable > .column.content {
    width: 100%;
}
#globalTable > .column.left,
#globalTable > .column.right {
    min-width: 200px;
    max-width: 300px;
    background: #eee;
}
#globalTable > .column.right .scroll_wrap {
    margin-left: -8px;
    margin-right: -7px;
    margin-top: 63px;
}
@media only screen and (max-width : 1599px) {
    #globalTable > .column.left,
    #globalTable > .column.right {
        min-width: 250px;
        max-width: 300px;
    }
    #global100:not(.ajax) .interface .column.data {
        max-width: calc(100vw - 555px);
    }    

} 
@media only screen and (min-width : 1600px) {
    #globalTable > .column.left,
    #globalTable > .column.right {
        min-width: 300px;
        max-width: 300px;
    }

} 

#globalTable > .column .scroll_wrap {
    max-height: 100%;
    max-height: calc(98vh - 70px);
    overflow: auto;
    position: relative;
    box-sizing: border-box;
    margin-top: 70px;
    padding-bottom: 50px;
}
#globalTable > .column  > .top_panel {
    border-bottom: 1px solid #E7EAF1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: #fff;
    z-index: 100;
}
#globalTable > .column.left  > .top_panel img {
    display: block;
    max-width: 45px;
    max-height: 45px;
    float: left;
    margin: 1em;
}
#globalTable > .column.left  > .top_panel a {
    text-decoration: none;
    color: #000;
}
#globalTable > .column.left  > .top_panel a span.big {
    font-size: 1.2em;
    padding-top: 15px;
    display: inline-block;
    line-height: 1.1em;
}
#globalTable > .column.left  > .top_panel a span.small {
    font-size: 0.7em;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
#globalTable > .column.content > .top_panel {
    padding: 0 25px;
    color: #41484e;
}
#globalTable > .column.right > .top_panel {
    padding: 0 15px;
}
#globalTable > .column.right > .top_panel .string.welcome {
    font-size: 0.8em;
    color: #bbb;
    margin-top: 14px;
}
#globalTable > .column.left {
    background: #41484e;
    border-left: none;
    color: #fff;
    padding: 0;
}
#globalTable > .column.left .area_panel > a {
    display: block;
    color: #efefef;
    padding: 12px;
    text-decoration: none;
    border-bottom: 1px solid #555;/*#E7EAF1;*/
    transition: all .3s;
    font-size: 1.1em;
    font-size: 0.88em;
}
#globalTable > .column.left .area_panel  > a:hover {
    background: #1E243D;
    color: #fff;
}
#globalTable > .column.left .area_panel  > a.active {
    background: #F6F7FC;
    color: #41484e;
}
#globalTable > .column.left .area_panel  > a.return,
#globalTable > .column.left .area_panel  > a.active {
    border-bottom: 1px solid #E7EAF1;
}

.blue_bg {
    background: #274E95;
    color: #fff;
}
.gray_bg {
    background: #F7F7F7;
    color: #274E95;
}
.gray_bg a {
    color: #274E95;
}
.interface {
    /*min-width: 980px;
    width: 100%;
    height: 100%;*/
    padding: 20px 15px 0 15px;
}
.interface .column {
    vertical-align: top;
}
.interface .column.menu {
    padding: 10px;
    border-right: 1px solid #ebebeb;
}
.interface .column.menu .menu_block {
    display: table;
}
.interface .column.menu .menu_block > a {
    display: table-cell;
    padding: 5px 5px 5px 15px;
    vertical-align:middle;
    text-align: center;
    text-transform: uppercase;
    padding: 0 15px;
    height: 40px;
    font-weight: bold;
}
.interface .column.menu .menu_block > a:hover {
    text-decoration: none;
}
.interface .column.menu .menu_block > a:before {
    content: '- ';
    position: absolute;
    margin-left: -10px;
}
.interface .column.menu .menu_block .podmenu {
    padding: 10px 10px 10px 35px;
}
.interface .column.menu .menu_block .podmenu a {
    font-size: 14px;
    display: block;
}
.interface .column.data {
    /*overflow-x: scroll;*/
    min-height: 80vh;
}
.interface .column.data table.stylized {
    border: 1px solid #ebebeb;
    border-collapse: collapse; 
    width: 100%;
    max-width: 1400px;
}
.interface .column.data table.stylized td {
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ebebeb;
}
.interface .column.data table.stylized tr:first-child td {
    background: #EFEFE4;    
}
h1 {
    margin: 0.5em 0;
}
h1:first-child {
    margin-top: 0;
}
.main_text {
    line-height: 1.5em;
}
.interface .column.data table.stylized i {
    font-size: 1.5em;
    margin: 0 0.1em;
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
}
.interface .column.data table.stylized i:hover {
    background: #999;
}
.interface .column.data table.stylized i.fa-pencil-square-o {
    color: green;
}
.interface .column.data table.stylized i.fa-times {
    color: red;
}
.interface .column.data table.stylized i.fa-toggle-on {
    color: green;
}
.interface .column.data table.stylized i.fa-toggle-off {
    color: black;
}
.interface .column.data table.stylized i.fa-ban {
    color: black;
}
.interface .column.data table.stylized i.fa-inbox {
    color: gray;
}
.interface .column.data table.stylized i.fa-exclamation-triangle {
    color: orange;
}
.interface .column.data table.stylized i.fa-star {
    color: gray;
}
.interface .column.data table.stylized tr.like i.fa-star {
    color: #FFD800;
}
.interface .column.data table.stylized i.fa-briefcase {
    color: #5B2B21;
}
.interface .column.data table.stylized i.fa-address-card {
    color: #037000;
}
.interface .column.data table.stylized i.fa-shopping-cart {
    color: green;
}
.interface .column.data table.stylized i.fa-paper-plane-o {
    color: #8DC3EF;
}
.interface .column.data table.stylized i.fa {
    position: relative;
}
.interface .column.data table.stylized i.fa-map-marker {
    color: green;
}

.interface .column.data table.stylized i.fa-link {
    color: green;
}


.interface .column.data table.stylized i.fa:after {
    content: 'Всплывающая подсказка';
    position: absolute;
    top: 1.5em;
    border: 1px solid #000;
    background: #fff;
    display: block;
    padding: 4px 6px;
    z-index: 1000;
    display: none;
    color: #000;
}
.interface .column.data table.stylized i.fa.no_hint:after {
    display: none !important;
}
.interface .column.data table.stylized i.fa:hover:after {
    display: block;
}
.interface .column.data table.stylized i.fa-pencil-square-o:after {
    content: 'Редактировать';
}
.interface .column.data table.stylized i.fa-times:after {
    content: 'Удалить';
}
.interface .column.data table.stylized i.fa-toggle-on:after {
    content: 'Включить';
}
.interface .column.data table.stylized i.fa-toggle-off:after {
    content: 'Выключить';
}
.interface .column.data table.stylized i.fa-inbox:after {
    content: 'Архив';
}
.interface .column.data table.stylized i.fa-exclamation-triangle:after {
    content: 'Черный список';
}
.interface .column.data table.stylized i.fa-star:after {
    content: 'Избранное';
}
.interface .column.data table.stylized tr.like i.fa-star:after {
    content: 'Избранное';
}
.interface .column.data table.stylized i.fa-briefcase:after {
    content: 'Взять в работу';
}
.interface .column.data table.stylized i.fa-address-card:after {
    content: 'Назначить в работу';
}
.interface .column.data table.stylized i.fa-shopping-cart:after {
    content: 'Добавить в корзину';
}

.interface .column.data table.stylized i.fa-plus {
    color: green;
}

.interface .column.data table.stylized i.fa-minus:after {
    content: 'Уменьшить количество';
}
.interface .column.data table.stylized i.fa-plus:after {
    content: 'Увеличить количество';
}
.interface .column.data table.stylized i.view_zakaz:after {
    content: 'Добавить накладную';
}
.interface .column.data table.stylized i.view_zakaz {
    color: green;
}
.interface .column.data table.stylized i.fa-paper-plane-o:after {
    content: 'Отправить поставщику в ручную';
}
.interface .column.data table.stylized i.fa-street-view:after {
    content: 'Журнал авторизаций';
}
.interface .column.data table.stylized i.fa-map-marker:after {
    content: 'Доступ в округи';
}

.interface .column.data table.stylized i.fa-link:after {
    content: 'Связь с округом';
}
.interface form.stylized {
    width: 100%;
    max-width: 600px;
}
.interface form.stylized div {
    font-size: 14px;
    margin-bottom: 5px;
}
.interface form.stylized div span {
    color: red;
}
.interface form.stylized input[type=text], .interface form.stylized input[type=password], .interface form.stylized textarea, .interface form.stylized select {
    display: block;
    width: 100%;
    height: 35px;
    padding: 10px;
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
    box-sizing: border-box;
}
.interface form.stylized select {
    padding: 5px 10px;
}
.interface form.stylized textarea {
    height: 80px;
}
.interface form.stylized input[type=submit] {
    color: #fff;
    padding: 10px 35px;
    border: none;
    background: #274E95;
    cursor: pointer;
    background-image: -moz-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);   
    border-radius: 25px;
    font-size: 1em;
}
.interface form.stylized input[type=submit].active {
    background: red;
}
.interface form.stylized input[type=file] {
    display: block;
}
.interface form.stylized input[type=file]:after {
    content: '';
    display: block;
    margin-bottom: 20px;
}
.interface form.stylized .photoContainer, .interface .column.data table.stylized .photoContainer {
    margin: 30px 0;
}
.interface form.stylized .photoContainer .photoEditContainer, .interface .column.data table.stylized .photoContainer .photoEditContainer {
    max-width: 150px;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
}
.interface form.stylized .photoContainer .photoEditContainer img, .interface .column.data table.stylized .photoContainer .photoEditContainer img {
    position: relative;
    width: 100%;
}
.interface form.stylized .photoContainer .photoEditContainer label:hover {
    cursor: pointer;
    border-bottom: 1px dashed #000;
}
.interface form.stylized .photoContainer .photoEditContainer input[type="checkbox"]:checked + label {
    font-weight: bold;
    color: red;
}



#global100 .fileContainer .fileEditContainer {
    max-width: 140px;
    width: 100%;
    margin: 0 10px 0 0;
    text-align: center;
}
#global100 .fileContainer img  {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 60px;
}
#global100 .fileContainer label:hover {
    cursor: pointer;
    border-bottom: 1px dashed #000;
}
#global100 .fileContainer input[type="checkbox"]:checked + label {
    font-weight: bold;
    color: red;
}

#global100 .fileContainer > * {
    display: block;
    float: none;
    margin: 0 auto; 
    text-align: center;
}




.interface form.stylized .photoContainer:after {
    content: '';
    display: block;
    clear: both;
}
.interface .column.data table.stylized span.viewInfo {
    border-bottom: 1px dashed #000;
}
.interface .column.data table.stylized span.viewInfo.active {
    border-bottom: none;
    font-weight: bold;
}
.interface .column.data table.stylized tr:nth-child(odd) {
    background: #F7F7F2;
}
.interface .column.data table.stylized tr:nth-child(even) {
    background: #fff;
}
.interface .column.data table.stylized span.viewInfo:hover {
    border-bottom: none;
    cursor: pointer;
}
.interface .column.data table.stylized tr.like {
    background: #EAFFEE;
}
.interface .column.data table.stylized tr.warning {
    background: #FFEAEA;
}
.interface .column.data table.stylized tr.in_work {
    background: #FFDDBF;
}
.interface .column.data table.stylized tr .podbor {
    text-transform: uppercase;
    border-bottom: 1px solid #274E95;
    color: #274E95;
    cursor: pointer;
}
.interface .navigation {
    margin-bottom: 20px;
}
.interface .navigation a {
    display: inline-block;
    font-size: 1em;
    text-transform: uppercase;
    margin-right: 1em;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding-bottom: 1px;
    color: #2098df;
}
.interface .navigation a.active {
    border-bottom: 1px solid #7F0000;
    color: #7F0000;
    padding-bottom: 0;
}
.interface .navigation a:hover {
    border-bottom: 1px dashed #4E6793;
    color: #4E6793;
    padding-bottom: 0;
}
.interface .pages_container {
    margin-bottom: 10px;
}
.interface .pages_container:before {
    content: 'Страницы: ';
}
.interface .pages_container .page {
    margin-right: 5px;
}
.interface .pages_container .page.active {
    cursor: auto;
    color: #000;
    text-decoration: none;
}
.interface .column.data table.stylized input[type=text] {
    border: 1px solid #ebebeb;
    height: 25px;
    padding: 0 10px;
}
.interface .column.data table.stylized input[type=text].small {
    width: 50px;
}
.collapse_trigger {
    text-transform: uppercase;
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 1em;
    cursor: pointer;
}
.collapse_trigger span {
    border-bottom: 2px dashed #000;
}
.collapse_trigger:hover span {
    border-bottom: none;
}
.search_collapsed {
    position: absolute;
    left: -99999px;
}
.search_collapsed.active {
    position: static;
    left: auto;    
}
.menu_block .podmenu {
    display: none;
}
.menu_block span {
    border-bottom: 1px dashed #000;
    cursor: pointer;
}
.menu_block span:hover {
    border-bottom: 1px dashed transparent;
}
.menu_block span:after {
    content:'';
    display: block;
    clear: both;
    height: 5px;
}
.access_trigger {
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}
.access_trigger:hover {
    text-decoration: none;
}
.menu_block h4 {
    margin-bottom: 0;
}
.access_container {
    margin: 20px 0;
    background: #efefef;
    padding: 15px 20px;
}
.access_container h3 {
    margin-top: 0;
}
.stylized.search_collapsed.active {
    padding-bottom: 20px;
}
.bottom_message {
    position: absolute;
    bottom: 0;
    right: 25%;
    padding: 10px 20px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    color: transparent;
    background: transparent;
    transition: all .5s;
}
.bottom_message.active {
    background: green;
    color: #fff;
}
.error_message {
    position: absolute;
    bottom: 0;
    right: 25%;
    padding: 10px 20px;
    font-size: 1.1em;
    text-transform: uppercase;
    font-weight: bold;
    color: transparent;
    background: transparent;
    transition: all .5s;
}
.error_message.active {
    background: red;
    color: #fff;
}
.basket_bottom {
    padding: 20px 0;
}
.basket_bottom h3 {
    margin: 0;
}
.basket_bottom .finish_basket {
    float: right;
    display: block;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #274E95;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
}
textarea[name=total_comment] {
    border: 1px solid #ebebeb;
    padding: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 100px;
}
.zakaz_info .itogo {
    font-weight: bold;
    font-size: 1.2em;
    padding-bottom: 10px;
}
.zakaz_info {
    padding-top: 20px;
}
.button_blue {
    display: inline-block;
    padding: 5px 10px;
    text-transform: uppercase;
    background: #274E95;
    color: #fff;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;    
}
.refresh_container > input[type=text] {
    margin-right: 10px;
    height: 32px;
    border: 1px solid #ebebeb;
    padding: 0 5px;
}
.file_area {
    margin-top: 20px;
    background: #fff;
    padding: 7px 10px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; 
    border: 1px solid #E7EAF1;  
}
.file_area > * {
    display: inline-block;
    width: 10%;
    margin: 0.5% 0.5% 1% 0.5%;
    cursor: pointer;
    position: relative;
    min-height: 113px;
    text-decoration: none;
}
.file_area > *:hover span {
    text-decoration: underline;
}
@media only screen and (min-width : 1600px) {  
    .file_area > * {
        display: inline-block;
        width: 8%;
        margin: 0.15% 0.15% 1% 0.15%;
        cursor: pointer;
        position: relative;
        min-height: 113px;
    }
}

.file_area > #dropzone {
    border: 2px dashed #0089ff;
    background: #F6F7FC;
    min-height: 100px;
    width: 100%;
    position: relative;
    max-height: 100px;
    overflow: hidden;
}
.file_area > #dropzone:before {
    /*content:'Перетащите файл сюда для загрузки';
    position: absolute;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.88em;
    color: #999;
    height: 1.4em;
    text-align: center;
    display: block;
    margin: auto;*/
}


.file_area > * > .edit_trigger {
    position: absolute;
    width: 1em;
    height: 1em;
    right: 5px;
    top: 5px;
    font-size: 20px;
    background: url('/style/edit.png') no-repeat center center / contain;
    z-index: 200;
    transition: all .3s;
    border: 1px solid transparent;
    opacity: 0;
}
.file_area > * > .del_trigger {
    position: absolute;
    width: 1em;
    height: 1em;
    right: 30px;
    top: 5px;
    font-size: 20px;
    background: url('/style/delete.png') no-repeat center center / contain;
    z-index: 200;
    transition: all .3s;
    border: 1px solid transparent;
    opacity: 0;
}

.file_area > *:hover > .edit_trigger,
.file_area > *:hover > .del_trigger {
    opacity: 1;
}


.file_area > * > span {
    padding-top: 0.5em;
    font-size: 0.8em;
    display: block;
    max-height: 3em;
    overflow: hidden;
    text-align: center;
    color: #41484e;
    /*text-decoration: underline;*/
    line-height: 1.2em;
    min-height: 39px;
    /*background: #EFF1F9;*/
}/*
.file_area > *:hover > span {
    position: absolute;
    z-index: 300;
    overflow: visible;
    left: 0;
    right: 0;
    height: auto;
    max-height: 10000%;
}
.file_area > *:hover {
    padding-bottom: 39px;
}*/

.file_area > * > span:hover {
    text-decoration: none;
}
.file_area > * > .ico {
    position: relative;
    /*margin-bottom: 8px;*/
}
.file_area > * > .ico:after {
    z-indeX: 101;
    content:'';
    display: block;
    position: relative;
    width: 100%;
    padding-top: 100%;
    height: 0;    
}
.file_area > * > .ico > img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 95%;
    max-height: 95%;
    z-indeX: 100;
    transition: all .2s;
}
.file_area > *:hover > .ico > img {
    opacity: 0.5;
}
.file_area > * img {
    max-width: 100%;
}
.filemanHead .fileman_crumbs {
    color: #999;
    padding: 0 15px;
}
.filemanHead .fileman_crumbs a {
    color: #0089ff;
    font-size: 0.8em;
    cursor: pointer;
    text-decoration: underline;
} 
.filemanHead .fileman_crumbs a:hover {
    text-decoration: none;
}
.fileManContainer .contect_menu {
    display: none;
}
.interface .column.data .event_table {
    max-width: 100%;
    overflow-x: scroll;
}
.interface .column.data .event_table table.stylized {
    box-shadow: 0px 1px 35px rgba(0,0,0,0.1);
}
.interface .column.data .event_table table.stylized td,
.interface .column.data .event_table table.stylized tr:first-child td,
.interface .column.data .event_table table.stylized td {
    background: #fff;
}
.interface .column.data .event_table table.stylized tr:first-child td {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.7em;
    font-weight: bold;
    color: #9AA9CB;
}
.interface .column.data table.stylized td.hour {
    font-size: 0.7em;
    font-weight: bold;
    text-align: center;
}
.interface .column.data .event_table table.stylized td a {
    display: inline-block;
    padding: 6px 14px 6px 8px;
    font-size: 0.88em;
    color: #fff;
    background: #D870AD;
    border-radius: 4px;
    text-decoration: none;
    position: relative;
    margin: 2px;
    line-height: 1.2em;
    text-transform: uppercase;
}
.interface .column.data .event_table table.stylized td a:after {
    content:'';
    display: block;
    position: absolute;
    top: 5px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: url('/style/warning.svg') no-repeat center center / contain;
}
.interface .column.data .event_table table.stylized td a.reported:after {
    content:'';
    display: block;
    position: absolute;
    top: 3px;
    right: 3px;
    width: 8px;
    height: 8px;
    background: url('/style/tick.svg') no-repeat center center / contain;
}

.event_pre_table {
    min-height: 44px;
    padding-bottom: 15px;   
    position: relative;
    margin-top: -35px;
}
.event_pre_table #add_new_event {
    display: block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1em;
    color: #fff;
    border-radius: 1.5em;
    background: #5670FD;
    font-size: 44px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    transition: all .2s;
    box-shadow: 0px 1px 15px rgba(0,0,0,0.2);
}
.event_pre_table #add_new_event:hover {
    background: #7B91FC;
}
.ajax_content .interface form.stylized {
    width: 100%;
    max-width: 100%;
}
.ajax_content .interface form.stylized {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;    
}
.ajax_content .interface form.stylized > * {
    max-width: 50%;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;   
    box-sizing: border-box;
    padding: 0 0.5em 1em 0.5em;
}
/*
.ajax_content .interface form.stylized > *:nth-child(2n+2) {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
*/
html.ajax {
    background: #F6F7FC;
}
#global100.ajax {
    /*max-width: 700px;*/
    height: auto;
    padding: 25px/* 5px*/;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 0;
}

#global100.ajax .interface {
    padding: 0;
    margin: 0;
}
#global100.ajax .interface form.stylized input[type=text], 
#global100.ajax .interface form.stylized input[type=password], 
#global100.ajax .interface form.stylized textarea, 
#global100.ajax .interface form.stylized select {
    margin-bottom: 0;
}
#global100.ajax h1 {
    margin-top: 0;
    color: #41484e;
    padding-right: 4em;
}

#global100.ajax .chosen-container-multi .chosen-choices {
    min-height: 33px;
}
#global100.ajax .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    line-height: 33px;
}

#global100 .chosen-container-multi .chosen-choices,
.interface form.stylized input[type=text], 
.interface form.stylized input[type=password], 
.interface form.stylized textarea, 
.interface form.stylized select {
    background: #fff;
    box-shadow: none;
    border: 1px solid #E7EAF1;
}
.interface form.stylized > div > div {
    color: #6F7C97;
    font-weight: 600;
}
/*6F7C97*/
#global100 .chosen-container-multi .chosen-choices li.search-choice {
    background: #fff;
    padding: 6px 20px 6px 12px;
    border: 1px solid #6F7C97;
}
#global100 .chosen-container-multi .chosen-choices li.search-choice span {
    color: #6F7C97 !important;
}
#datepickers-container {
    z-index: 100000;
}
.event_table.dragger {
    cursor: ew-resize;
}
.interface .column.data .event_table table.stylized td a:hover {
    cursor: pointer;
}
.fancybox-content iframe {
    max-width: 750px;
}
.readonly_trigger {
    position: absolute;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 20px;
    top: 20px;
    background: url('/style/edit.png') no-repeat center center / contain;
    font-size: 25px;
    cursor: pointer;
}

.interface form.stylized.readonly input[type=text], 
.interface form.stylized.readonly input[type=password], 
.interface form.stylized.readonly select {
    border: none;
    display: inline !important;
    height: auto;
    outline: none;
    cursor: default;
}
.event_block_view h3 {
    font-size: 1.2em;
    margin: 0.5em 0 0.1em 0;
} 
.event_block_view .flex_grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;    
}
.event_block_view .flex_grid .block {
    max-width: 50%;
    flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    margin-bottom: 0.3em;   
    padding: 0 1em; 
    box-sizing: border-box;
}
.event_block_view .flex_grid .block:nth-child(even) {
    padding-right: 0;
}
.event_block_view .flex_grid .block:nth-child(odd) {
    padding-left: 0;
}
.event_block_view .flex_grid .block .head {
    font-size: 0.88em;
    color: #6F7C97;
    font-weight: 600;
    padding-bottom: 0.2em;
}
.event_block_view .flex_grid .block .container {
    color: #9AA9CB;
    font-size: 0.88em;
}
.user_shild {
    display: inline-block;
    background: #F6F7FC;
    padding: 7px 10px 7px 12px;
    border-radius: 2px;
    box-sizing: border-box;
    color: #6F7C97;
    margin: 7px 7px 7px 0;
    border-radius: 3px;
    border-left: 7px solid #6F7C97;
    cursor: default;
    font-size: 0.88em;
}
html.ajax .user_shild {
    background: #fff;
    border: 1px solid #E7EAF1;
    border-left: 7px solid #6F7C97;
}

#edit_event_trigger {
    position: absolute;
    top: 25px;
    right: 25px;
    height: auto;
}
#edit_event_trigger img {
    width: 100%;
    max-width: 30px;
}
#report_event_trigger img {
    max-width: 30px;
    position: absolute;
    right: 70px;
    top: 25px;
}
#delete_event_trigger img {
    max-width: 30px;
    position: absolute;
    right: 120px;
    top: 25px;
}
/*
#report_event_trigger {
    position: absolute;
    top: 25px;
    right: 70px;
    height: auto;
}*/
/*#report_event_trigger img {
    max-width: 30px;
    outline: 1px solid red;
}*/

#globalTable > .column.left .area_panel a.return {
    background: #FFFFFF;
    color: #9AA9CB;
    font-size: 0.88em;
}
/*#F6F7FC #2567EE*/
#globalTable > .column.right .members_list > * {
    display: block;
    color: #91A1C3;
    padding: 12px;
    border-bottom: 1px solid #E7EAF1;
    transition: all .3s;
    font-size: 1.1em;
}
#globalTable > .column.right .members_list > div {
    font-size: 0.9em;
    color: #41484e;
    font-family: 'Roboto Slab';  
    background: #F5F6FB;
}
#globalTable > .column.right .members_list > a {
    background: #fff;
    padding: 6px 12px;
    color: #2567EE;
    border-lefT: 6px solid transparent;   
    color: #6F7C97;
    font-size: 0.88em;
    cursor: pointer;
    transition: all .2s;
}
#globalTable > .column.right .members_list > a:hover {
    background: #f4f4f4;
}
.pasport.container .links_list {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;   
    max-width: 660px;
}

.pasport.container .links_list > a img {
    display: block;
    margin: 20px auto;
}/*
.pasport.container .links_list > a:nth-child(2) {
    background: #F6F7FC;
}
.pasport.container .links_list > a:nth-child(3) {
    background: #F0F1F7;
}
.pasport.container .links_list > a:nth-child(4) {
    background: #E6E8F2;
}/*
.pasport.container .links_list > a:nth-child(4) {
    background: #DFE2F0;
}*/

.pasport.container .links_list > a {
    max-width: 165px;
    flex: 0 0 150px;
    -webkit-flex: 0 0 165px;
    -ms-flex: 0 0 165px;   
    text-align: center;
    color: #444;
    
}
.pasport.container .links_list a {
    display: block;
    padding: 0.5em 0;
    /*min-height: 150px;*/
}
.pasport.container .links_list .image_container {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.pasport.container .links_list .image_container img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.event_pre_table .set_segment span,
.event_list .nav_header a,
.event_list .nav_header > span {
    display: inline-block;
    padding: 6px 12px;
    background: #E8EBF3;
    border-radius: 4px;
    color: #A1AECE;
    transition: all .2s;
    cursor: pointer;
    font-size: 0.88em;
}
.event_pre_table .set_segment span:hover,
.event_list .nav_header a:hover {
    background: #C8CFDF;
    color: #fff;
}
#calendarDateTrigger {
    position: absolute; 
    width: 0px; 
    opacity: 0; 
    overflow: hidden;
}
#global100 .chosen-container-single .chosen-single {
    background: #fff;
    height: 35px;
    line-height: 35px;
    box-sizing: border-box;
    border: 1px solid #E7EAF1;
    border-radius: 0;
    box-shadow: none;
}
.interface form.stylized div .chosen-single span {
    color: #000;
    font-weight: normal;
}
#global100 .chosen-container-single .chosen-single div b {
    background-position: 0px 6px;
}
.event_list .block {
    padding: 30px;
    border-radius: 5px;
    border-left: 6px solid #eee;
    background:#fff;
    box-shadow: 0px 1px 5px rgba(0,0,0,0.1);
    cursor: pointer;
    transition: all .3s;
    margin-bottom: 25px;
}
.event_list .block:hover {
    background: #F4F4F4;
}
.event_list .block .name {
    font-weight: bold;
    padding-bottom: 1em;
}
.event_list .block .date {
    color: #9FAECD;
    padding-top: 1.5em;
}
.event_list .nav_header {
    padding-bottom: 1em;
    position: relative;
}
.passport_carousel.owl-carousel .block {
    height: 100px;
    position: relative;
}
.passport_carousel.owl-carousel .block a {
    background: no-repeat center center / cover;
    display: block;
    position: absolute;
    toP: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.ajax_content .interface .fullwidth_form form.stylized > * {
    max-width: 100%;
    flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    box-sizing: border-box;
    padding: 0 0em 1em 0;    
}
#global100.ajax .interface form.stylized .chosen-container {
    max-width: 612px;
}
.newsblock {
    padding-bottom: 1em;
}
.newsblock > h2 {
    margin-top: 0;
}
.newsblock > .container {
    /*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;  */
    position: relative;  
}
.newsblock > .container .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    width: 1em;
    height: 0.5em;
    font-size: 40px;
    cursor: pointer;
    line-height: 0.9em;
    user-select: none;
    transition: opacity .3s;
}
.newsblock > .container .arrow.prev {
    left: -1.1em;
    text-align: right;
}
.newsblock > .container .arrow.next {
    right: -1.1em;
    text-align: left;
}
.newsblock > .container .arrow:hover {
    opacity: 0.3;
}
#news_carousel .block {
    /*max-width: 24%;
    flex: 0 0 24%;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;  
    margin: 0 1.33% 0 0;  */
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    font-size: 0.8em;
    cursor: pointer;}
/*
.newsblock > .container > .block:nth-child(4n+4) {
    margin-right: 0;
}*/
#news_carousel .block .date {
    color: #9CA8CB;
} 
#news_carousel .block .name {
    color: #000;
    display: block;
    margin: 8px 0;
    font-weight: 600;
}
#global100.ajax .news_ajax .date {
    color: #9CA8CB;
    margin: -5px 0 10px 0;    
}







.taskblock {
    padding-bottom: 1em;
}
.taskblock > h2 {
    margin-top: 0;
}
.taskblock > .container {
    /*display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;  */
    position: relative;  
}
.taskblock > .container .arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 50;
    width: 1em;
    height: 0.5em;
    font-size: 40px;
    cursor: pointer;
    line-height: 0.9em;
    user-select: none;
    transition: opacity .3s;
}
.taskblock > .container .arrow.prev {
    left: -1.1em;
    text-align: right;
}
.taskblock > .container .arrow.next {
    right: -1.1em;
    text-align: left;
}
.taskblock > .container .arrow:hover {
    opacity: 0.3;
}
#task_carousel .block {
    /*max-width: 24%;
    flex: 0 0 24%;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;  
    margin: 0 1.33% 0 0;  */
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    font-size: 0.8em;
    cursor: pointer;}
/*
.newsblock > .container > .block:nth-child(4n+4) {
    margin-right: 0;
}*/
#task_carousel .block .date {
    color: #9CA8CB;
} 
#task_carousel .block .name {
    color: #000;
    display: block;
    margin: 8px 0;
    font-weight: 600;
}
#global100.ajax .task_ajax .date {
    color: #9CA8CB;
    margin: -5px 0 10px 0;    
}










.warning_container {
    position: absolute;
    right: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 36px;
}
.warning_container > .warning {
    display: block;
    float: left;
    width: 1em;
    height: 1em;
    position: relative;
    font-size: 36px;
    background-repeat : no-repeat;
    background-position: center center;
    background-size: contain;
    margin: auto;
    margin-left: 12px;
    cursor: pointer;
    transition: opacity .3s;
}
.warning_container > .warning.low {
    background-image: url('/style/new_ico/notification.svg');
}
.warning_container > .warning.high {
    background-image: url('/style/new_ico/warning.svg');
}
.warning_container > .warning span {
    background: #CE000D;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    border-radius: 15px;
    width: 17px;
    height: 18px;
    display: inline-block;
    text-align: center;
    line-height: 19px;
    top: -3px;
    right: -6px;
    margin: auto;
    position: absolute;
}
.warning_container > .warning:hover {
    opacity: 0.3;
}
.warning_list > .block {
    display: block;
    margin-bottom: 20px; 
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
}

.warning_list > .block.high .time_ago {
    font-size: 1.3em;
    margin: -20px -20px 15px -20px;
    padding: 9px;
    background: #B7000C;
    color: #fff;
}
.warning_list > .block > .data {
    position: relative;
    padding-right: 159px;
    box-sizing: border-box;
}
.warning_list > .block > .data > .name {
    font-size: 1.3em;
    font-weight: bold;
}
.warning_list > .block > .data a {
    color: #333;
}
.warning_list > .block a.button {
    color: #fff;
    padding: 10px 35px;
    border: none;
    background: #274E95;
    cursor: pointer;
    background-image: -moz-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(95,113,255) 0%, rgb(36,103,239) 100%);
    border-radius: 25px;
    font-size: 1em;    
    position: absolute;
    right: 20px;
    bottom: 0;
    margin: auto;
}
.warning_list > .block.low h3 {
    margin-top: 0;
}
.event_list {
    position: relative;
}
.processXLS {
    position: absolute;
    width: 1em;
    height: 1em;
    background: url('/style/new_ico/xls.svg') no-repeat center center / contain;
    margin: auto;
    font-size: 43px;
}
.event_list .processXLS {
    right: 0;
    top: 0;
    font-size: 43px;
}
.event_pre_table .processXLS {
    right: 57px;
    top: 0;
}
.column.data .section_text {
    background: #FFFFCF;
    padding: 15px;
    box-sizing: border-box;
}

.folder_list li:before {
    content:'- ';
}
.folder_list li {
    font-size: 22px; 
    list-style-type: none;  
    margin: 5px 0; 
}
.folder_list li a {
    text-decoration: none;
    border-bottom: 1px solid #4e6efb;
    color: #4e6efb;
}

#global100 .fileContainer {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;   
}

.ajax_content .interface form.stylized > *.half {
    max-width: 24%;
    flex: 0 0 24%;
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    box-sizing: border-box;
    padding: 0 0.5em 1em 0.5em;    
}
.interface .column.data table.stylized td.name .show-children {
    display: inline-block;
    color: green;
    font-weight: 600;
    margin-left: 10px;
    font-size: 1.2em;
    cursor: pointer;
}